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.

Getting Started

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 projectId and collectionId values 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 install

Run the app locally:

pnpm dev

Connect 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.