Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/richard-pamintuan/nft-reasury
This is NFT Marketplace with a fully audited revolutionary smart contract. This amazing artist designed our crystals, he is the top 100 animated artists in Japan 3 years in a row, he has worked with Yahoo, Amazon, Japanese rock festivals and his work has been in multinational airports seen by millions.
https://github.com/richard-pamintuan/nft-reasury
javascript nextjs nft socket-io
Last synced: about 2 months ago
JSON representation
This is NFT Marketplace with a fully audited revolutionary smart contract. This amazing artist designed our crystals, he is the top 100 animated artists in Japan 3 years in a row, he has worked with Yahoo, Amazon, Japanese rock festivals and his work has been in multinational airports seen by millions.
- Host: GitHub
- URL: https://github.com/richard-pamintuan/nft-reasury
- Owner: richard-pamintuan
- License: mit
- Created: 2023-07-28T18:12:01.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-08-07T01:56:24.000Z (6 months ago)
- Last Synced: 2024-11-20T11:44:41.543Z (3 months ago)
- Topics: javascript, nextjs, nft, socket-io
- Language: JavaScript
- Homepage: https://thenftreasury.com
- Size: 29.2 MB
- Stars: 15
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
This is a Kei Finance Landing Page with [Next.js](https://nextjs.org/) bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Development
First, setup environment variable by creating file `.env.local`, or rename the `env.sample` file into `.env.local`. or use environment variable if you deploy into a server.
### Enviroment Variables
- Setup Firebase Database as instructed in [setup-thirdweb-firebase](https://portal.thirdweb.com/auth/integrations/firebase)
- Get Firebase Admin private key as instructed in [Generate Firebase Private Key](https://firebase.google.com/docs/admin/setup#:~:text=To%20generate%20a%20private%20key,JSON%20file%20containing%20the%20key.)
```bash
#ENVIRONMENT VARIABLES
NEXT_PUBLIC_API_KEY=AIzaSyBCnpZUWXn6sTbmfXIMgYJqbpeuJqniJ8I
NEXT_PUBLIC_AUTH_DOMAIN=
NEXT_PUBLIC_PROJECT_ID=
NEXT_PUBLIC_STORAGE_BUCKET=
NEXT_PUBLIC_MESSAGING_SENDER_ID=
NEXT_PUBLIC_APP_ID=
NEXT_PUBLIC_MEASUREMENT_ID=
FIREBASE_PROJECT_ID=
FIREBASE_TYPE=service_account
FIREBASE_PRIVATE_KEY_ID=
FIREBASE_PRIVATE_KEY=
FIREBASE_CLIENT_EMAIL=
FIREBASE_CLIENT_ID=
FIREBASE_AUTH_URI=
FIREBASE_TOKEN_URI=
FIREBASE_AUTH_PROVIDER_X509_CERT_URL=
FIREBASE_AUTH_CLIENT_X509_CERT_URL=
ADMIN_PRIVATE_KEY=
NEXT_PUBLIC_NFTR_DOMAIN=localhost:4040
NEXT_PUBLIC_CONTRACT_ADDRESS=
NEXT_PUBLIC_MARKETPLACE_ADDRESS=
NEXT_PUBLIC_CHAINS=[80001]
NEXT_PUBLIC_DESIRED_CHAIN_ID=80001
NEXT_PUBLIC_NETWORK_NAME=mumbai
NEXT_PUBLIC_MARKUP_TIMES_VALUE=1.1
NEXT_PUBLIC_ALCHEMY_NETWORK=polygon-mumbai
NEXT_PUBLIC_ALCHEMY_API_KEY=
```
Next step, install dependencies and run the development server:
```bash
# install dependencies
yarn
# running in local
yarn dev
```
Open [http://localhost:4040](http://localhost:4040) with your browser to see the result.
You can start editing the page by modifying `src/pages/index.js`. The page auto-updates as you edit the file.
To edit section in homepage, you can edit `src/sections/home/` files. Already put naming as in the design.
## MUI
To support Light/Dark Mode out of the box, we use MUI (Material UI), take a look at the followin resources:
- [MUI Documentation](https://mui.com/getting-started/usage) - official documentation of MUI.
- [MUI Components](https://mui.com/components) - How to use and to custom components from MUI.
### Theme
All codes related to theme are in the `src/theme` folder.
- `src/theme/palette.js` is use to config the color for the light mode or the dark mode.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.