Crossmint Wallets & Wirex demo

Live Demo | Docs | See all quickstarts

Introduction

This demo demonstrates how to integrate Wirex's Pay API 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:

• Debit card issuance
• 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/wirex-wallets-demo.git && cd wirex-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

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