Client Wallets Quickstart ⚡
Create client wallets and create your first NFT on Story in under 5 minutes
Introduction
In this quickstart, you will create new user wallets on Story and use passkeys for sending transactions using this wallet. By the end of this guide, you’ll be able to:
- Create client-side wallets on Story Protocol
- Configure multiple authentication methods
- Mint your first NFT using the wallet
Preparation Steps
Create a developer account
To get started, create a developer account in the Crossmint Staging Console. Open that link, sign in, and accept the dialog to continue.
Then, navigate to project Settings > General, and set the wallet type to “Smart Wallets”.
Get an API Key
Create a client-side API key with these scopes:
wallets.create
,
wallets.read
,
wallets:balance.read
,
wallets:transactions.create
,
wallets:transactions.read
,
users.read
,
users.create
.
Check the “JWT Auth” box.
This allows your API key to create new client wallets.
Create Client Wallets
Setup Application
Follow the Client Wallets Quickstart guide to use Crossmint’s Wallets SDK in your application.
Configure Story's Chain
Set story-testnet
as the defaultChain
property.
Format Login Component
Adjust the login component’s style to match your application’s design. You can experiment with it here.
Send Arbitrary Transaction
Specify the NFT Contract
Define the address and interface (ABI) of the NFT smart contract on Story Protocol.
Create a React Component for the Transaction
Create a user-friendly interface that:
- Displays the transaction status
- Allows users to send an arbitrary transaction to the NFT contract
- Displays the transaction hash and a link to the Story Explorer
Add the Transaction Component to the App
Incorporate the transaction component into the main wallet interface, using the useWallet
hook to manage wallet state and pass it to the transaction component.
Was this page helpful?