name	slug	description	framework	css	deployUrl	demoUrl
Simple Minter	simple-minter	Simple Minter on Mintbase	Next.js	Tailwind	https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FMintbase%2Fexamples%2Ftree%2Fmain%2Fsimple-minter	https://examples-simple-minter.vercel.app/

Simple Minter

This examples shows a simple minter on Mintbase.

Demo

https://examples-simple-minter.vercel.app/

Try on CodeSandbox

🚀 One-Click Deploy

Deploy the example using Vercel:

Getting Started

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/Mintbase/examples/tree/main/simple-minter
# or
yarn create next-app --example https://github.com/Mintbase/examples/tree/main/simple-minter

Run Next.js in development mode:

npm install
npm run dev

# or

yarn
yarn dev

Set ENV variables

Once that's done, copy the .env.example file in this directory to .env.local (which will be ignored by Git):

cp .env.example .env.local

if you use windows without powershell or cygwin:

copy .env.example .env.local

Then open .env.local and set the environment variables to match the ones for your Google Optimize account.

To get your api key visit :

Mintbase Developers Page for Mainnet: Mintbase Developers Page for testnet:

NEXT_PUBLIC_DEVELOPER_KEY=your_mintbase_api_key

NEXT_PUBLIC_NETWORK could be testnet or mainnet

NEXT_PUBLIC_NETWORK=testnet

NEXT_PUBLIC_STORE_ID its your store id

NEXT_PUBLIC_STORE_ID=hellovirtualworld.mintspace2.testnet

Extending

This project is setup using Next.js + MintBase UI + Tailwind + Apollo + React Hook Form.

You can use this project as a reference to build your own, and use or remove any library you think it would suit your needs.

🙋‍♀️ Need extra help?

Ask on our Telegram Channel
Create an Issue