An open API service indexing awesome lists of open source software.

https://github.com/crossmint/quickstart-template

A ready-to-use template for building Web2/Web3 demos with Crossmint's Wallets & React SDK.
https://github.com/crossmint/quickstart-template

Last synced: 8 months ago
JSON representation

A ready-to-use template for building Web2/Web3 demos with Crossmint's Wallets & React SDK.

Awesome Lists containing this project

README

          


Image




Crossmint Wallets Quickstart


Live Demo | Docs | See all quickstarts





Image

## Introduction
Create and interact with Crossmint wallets in {todo: update}. This quickstart uses Crossmint Auth and uses your external wallet (e.g Phantom, Coinbase, etc.) as a signer for that wallet.

**Learn how to:**
- Create a wallet
- View its balance for SOL and SPL tokens
- Send a transaction
- Add delegated signers to allow third parties to sign transactions on behalf of your wallet

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

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FCrossmint%2Fsolana-wallets-quickstart&env=NEXT_PUBLIC_CROSSMINT_API_KEY)

## Setup
1. Clone the repository and navigate to the project folder:
```bash
git clone https://github.com/crossmint/solana-wallets-quickstart.git && cd solana-wallets-quickstart
```

2. Install all dependencies:
```bash
npm install
# or
yarn install
# or
pnpm install
# or
bun install
```

3. Set up the environment variables:
```bash
cp .env.template .env
```

4. Get a Crossmint API key from [here](https://docs.crossmint.com/introduction/platform/api-keys/client-side) and add it to the `.env` file.
```bash
NEXT_PUBLIC_CROSSMINT_API_KEY=your_api_key
```

5. Run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

## Using in production
1. Create a [production API key](https://docs.crossmint.com/introduction/platform/api-keys/client-side).