Rainbowkit

Template Repository

Explore the template repository for integrating Rainbowkit with Okto.

A comprehensive walkthrough of the Okto Template App designed for seamless RainbowKit integration. This template demonstrates core Okto functionality—including authentication, wallet management, and blockchain interactions—so you can quickly get started building with Okto and Rainbowkit.

Customize Before Production

Please note that this template is for development and testing purposes only. Be sure to customize and secure it before using in production.

RainbowKit Okto Template Repository

View on GitHub

Getting Started

For detailed installation instructions, follow the steps given below:

  1. Clone the repository:
  git clone https://github.com/okto-hq/okto-sdkv2-external-adapter-template.git
  1. Navigate into the project directory:
  cd okto-sdkv2-external-adapter-template
  1. Switch to the bmac-react-rainbowkit-okto branch (this is where the project files are located) and install dependencies:
  git checkout bmac-react-rainbowkit-okto
  npm install
info

Note

The default branch (main) is empty. All the source code and configuration files are located in the bmac-react-rainbowkit-okto branch. Be sure to check out this branch before proceeding.
  1. Set up environment variables:
  cp .env.sample .env
  1. Add your API keys to the .env file:
  VITE_OKTO_ENVIRONMENT="sandbox" or "production"
  VITE_OKTO_CLIENT_PRIVATE_KEY="YOUR_CLIENT_PRIVATE_KEY"
  VITE_OKTO_CLIENT_SWA="YOUR_CLIENT_SWA"
  VITE_GOOGLE_CLIENT_ID="YOUR_GOOGLE_CLIENT_ID"

Note

To obtain these credentials:

  • Client Private Key & SWA: Get these from the Okto Dashboard. These keys are essential for authenticating your requests with Okto's services.

  • Google OAuth Credentials: Required for Google Sign-In functionality

    1. Set up a project in Google Cloud Console
    2. Create OAuth 2.0 credentials
    3. Follow our Google Console Setup Guide for detailed instructions
  1. Start the development server:
  npm run dev

Integrating with Rainbowkit

A step-by-step guide to integrating the Okto-Rainbowkit adapter into Rainbowkit-based dApps, enabling smooth wallet connectivity and streamlined user onboarding.

On this page

Getting Started