Crossmint Wallets & Rain Quickstart

Live Demo | Docs | See all quickstarts

Introduction

This quickstart demonstrates how to integrate Rain's card issuance platform with Crossmint wallets to build a complete crypto-to-debit card application. You'll learn how to create an app where users can sign up, get approved for cards, and fund them directly from their Crossmint wallets.

Learn how to:

• Virtual Visa card issuance
• Crypto-to-card funding with RUSD tokens
• Real-time balance and transaction monitoring

Deploy

Easily deploy the template to Vercel with the button below. You will need to set the required environment variables in the Vercel dashboard.

Setup

1. Clone the repository and navigate to the project folder:

git clone https://github.com/crossmint/rain-wallets-demo.git && cd rain-wallets-demo

2. Install all dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

3. Set up the environment variables:

cp .env.template .env

4. Get a Crossmint client API key from here and add it to the .env file. Make sure your API key has the following scopes: users.create, users.read, wallets.read, wallets.create, wallets:transactions.create, wallets:transactions.sign, wallets:balance.read, wallets.fund.

NEXT_PUBLIC_CROSSMINT_API_KEY=your_api_key
NEXT_PUBLIC_CHAIN=base-sepolia

RAIN_API_KEY=your_rain_api_key

5. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Using in production

1. Create a production API key.`