Template Repository

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

React Template Repository

Live Demo

View on GitHub

Getting Started

For detailed installation instructions, select your framework below:

React Template App
  1. Clone the repository:
git clone https://github.com/okto-hq/okto-sdkv2-react-template-app.git
  1. Change into the project directory and install dependencies:
cd okto-sdkv2-react-template-app
npm install
  1. Set up environment variables:
cp .env.sample .env
  1. Add your API keys to the .env file:
VITE_CLIENT_PRIVATE_KEY="YOUR_CLIENT_PRIVATE_KEY"
VITE_CLIENT_SWA="YOUR_CLIENT_SWA"

VITE_GOOGLE_CLIENT_SECRET="YOUR_GOOGLE_CLIENT_SECRET"
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 start

Previous

React Setup

Next

Overview of React SDK

On this page