RISE Wallet Demo
Learn how to build a Next.js app that integrates RISE Wallet with passkey and session key flows
Introduction
In this tutorial, you'll build a complete application that demonstrates two powerful transaction sending patterns with RISE Wallet:
- Passkey Flow: Direct transaction signing where users approve each transaction via a popup/dialog
- Session Key Flow: Background signing using locally-generated keys with pre-authorized permissions for seamless UX
By the end, you'll have a working Next.js app that interacts with smart contracts on RISE Testnet, allowing users to mint tokens, transfer assets, and increment counters. All gas sponsored via RISE Wallet.
What You'll Build
A wallet-integrated app with:
- Wallet connection UI with address display
- Realtime contract state reading (token balances, counter values)
- Two signing patterns: passkey-based and session key-based
- Transaction status polling and confirmation
- Permission management for session keys
What You'll Learn
- How to integrate RISE Wallet with wagmi and viem
- Building passkey-based transaction flows
- Implementing session keys for popup-free transactions
- Managing wallet permissions and security
- Polling transaction status on RISE
Prerequisites
Before starting, make sure you have:
- Node.js 18+ installed
- Basic knowledge of React and Next.js
- Basic understanding of crypto wallets
- Some testnet ETH (get from RISE Faucet)
Source Code
The complete source code for this project is available on GitHub: awesamarth/rise-cookbook-wallet