https://github.com/0xcryptoangel/mgg-rarity
Rarity Score Template using Next, Tailwind CSS and GraphQL on Tezos blockchain
https://github.com/0xcryptoangel/mgg-rarity
graphql nextjs ssr tailwindcss
Last synced: 4 months ago
JSON representation
Rarity Score Template using Next, Tailwind CSS and GraphQL on Tezos blockchain
- Host: GitHub
- URL: https://github.com/0xcryptoangel/mgg-rarity
- Owner: 0xCryptoAngel
- Created: 2023-01-21T11:28:43.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-01-21T11:29:07.000Z (over 3 years ago)
- Last Synced: 2025-06-13T11:50:04.139Z (about 1 year ago)
- Topics: graphql, nextjs, ssr, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 339 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rarity Score Template
Implement your own rarity tools using this template.
[](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fnishantrpai%2Frarity-score&project-name=rarity-score&repo-name=rarity-score)
References:
- https://raritytools.medium.com/ranking-rarity-understanding-rarity-calculation-methods-86ceaeb9b98c
- https://github.com/punkscape/01-rarity-analyser-hackathon
# Needs
Who is this project for and what are their needs?
**Creator**: Person who is making the NFT collection
- Save fees
- Sell collection
- Build community
- Generate hype
- Easily deploy
**Buyer**: People who have bought the nft
- Trade nft
- Buy low
- Sell high
- Collect drops
**Developers**: People who maintain this project
- Clear documentation
- Easily iterate
# Features
- List NFTs from JSON (`data/collection.json`).
- Filter NFTs based on traits, attributes.
- Share NFT for `token_id`: Display rarity score, rarity rank and price (useful for buyers)
- If you deploy using Vercel, changes are deployed automatically.
PS: All webpages are responsive
# How to use
Once you have deployed, you need to change the following for your use:
Using locally:
1. Install packages
```
yarn install
```
2. Change the JSON in `data/collection.json` to your collection.json. If there is an error, raise it as an issue. JSON follows [opensea standards](https://docs.opensea.io/docs/metadata-standards)
3. Change `config/index.js`:
- `env` : If you're using locally set it to `local`, while deploying set it to `prod`.
- `LOCAL_API_URL`: Port at which app is running locally. Default value of `http://localhost:1004`
- `API_URL`: Your vercel URL (when you deploy)
- `COLLECTION_NAME`: Opensea collection name "OneDayPunks" is an example
- `COLLECTION_TITLE`: This is for the website title (for SEO)
- `COLLECTION_DESCRIPTION`: og:description (for SEO)
- `COLLECTION_IMG_LINK`: og:image for website (for SEO)
[Reference for SEO](https://www.heymeta.com/url/odp-rarity.vercel.app)
4. Running it locally
```
yarn run dev
```
# Stack
- [Next.js](https://nextjs.org/docs)
- [Tailwind CSS](https://tailwindcss.com/)