This project demonstrates using Crossmint's embedded NFT checkout with cross-chain crypto payments. In this example, rainbowkit v2.x is used to connect the browser wallet.
Setup a local environment file by using the env.sample as a template or simply copy the below into a new file named .env.local.
Note that the Crossmint
projectIdandcollectionIdvalues are not sensitive and can be shared to the client.
NEXT_PUBLIC_PROJECT_ID=
NEXT_PUBLIC_SOLANA_ID=
NEXT_PUBLIC_BASE_ID=
NEXT_PUBLIC_POLYGON_ID=
NEXT_PUBLIC_ENVIRONMENT="staging"
NEXT_PUBLIC_WALLET_CONNECT_ID=
This demo is unique in that it supports minting from three different collections to help showcase the ability to mint with ETH on other chains. Normally, you'd only have a single collection setup. Adjust as necessary to fit your needs.
Clone this repository and install dependencies:
git clone git@github.com:Crossmint/embedded-crosschain-demo.git
cd embedded-crosschain-demo
pnpm installRun the app locally:
pnpm devConnect your wallet, set a destination wallet and click the Pay button.
Once the payment process has started the send ETH transaction takes about 10 seconds to complete before the SDK proceeds to the minting step. You should consider adding a more informative UI during this step.