This is a starter kit for minting NFTs directly to a Web3 wallet address using NFTPort, Next.js's create-next-app, and Tailwind; additionally, it is deployable on Vercel.
Wagmi requires an infrastructure provider for connecting Web3 wallets to this applicaton (ex. MetaMask).
To leverage Wagmi, complete the following steps:
- Sign-up and create an Alchemy account
- Create an app
- Copy and save the app's API key
For minting, this app uses NFTPort's Easy Minting with File Upload API.
To use NFTPort, complete the following steps:
Using your Alchemy and NFTPort API keys, complete the following steps to run this application:
- Clone this repository
- Copy
.env.sampleand rename it to.env - Update your environment variables file (
.env) using your NFTPort API Key and other information about your NFT project - Run
npm run dev - View your landing page on
localhost:3000
Optionally, this application can be deployed using Vercel's Deploy Now:
Note, deploying to Vercel does not require any knowledge of Javascript, Next.js or software development; however, all required environment variables are needed to successfully deploy this application.
The list of environment variables needed to run this application:
| Variable | Description | Example |
|---|---|---|
| NEXT_PUBLIC_ALCHEMY_API_KEY | Alchemy API Key | JHhg267hpy2iOPxcxPOLImqjM8OiZqcwas |
| NEXT_PUBLIC_NFTPORT_API_KEY | NFTPort API Key | 4806f51a-f91f-456d-8cb6-b471b909c2b6 |
| NEXT_PUBLIC_NFTPORT_MINTING_CHAIN | Blockchain to mint to | goerli or polygon |
This repository is just a starter kit, but I will be expanding it to include:
- Allow connected wallets to link their social media account (ex. Instagram)
- Allow connected wallets to mint content from their linked social media account (ex. last Instagram post)
- Who really knows (wink, wink)
Feel free to fork, submit pull requests and contribute.
If you have any questions, feel free to email me at: sergio.m.villasenor@gmail.com.