# RISE Wallet Demo (/docs/cookbook/rise-wallet-quickstart)



import { Cards, Card } from 'fumadocs-ui/components/card';

## 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

<img alt="RISE Wallet Demo Landing Page" src={__img0} placeholder="blur" />

### 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](https://faucet.testnet.riselabs.xyz))

### Source Code

The complete source code for this project is available on GitHub: [awesamarth/rise-cookbook-wallet](https://github.com/awesamarth/rise-cookbook-wallet)

## Quick Links

<Cards>
  <Card title="Setup" href="/docs/cookbook/rise-wallet-quickstart/setup" description="Project setup, configuration, and UI components" />

  <Card title="Passkey Flow" href="/docs/cookbook/rise-wallet-quickstart/passkey-flow" description="Implement direct transaction signing" />

  <Card title="Session Key Flow" href="/docs/cookbook/rise-wallet-quickstart/session-key-flow" description="Implement background signing with session keys" />
</Cards>