Getting Started

Quick Start

Get started with Oviato in minutes

Welcome to Oviato! This guide will walk you through integrating Oviato authentication and wallet functionality into your application.

What is Oviato?

Oviato provides WebAuthn-based passkey authentication for multi-chain blockchain applications. Users can create accounts and sign transactions using biometrics (Face ID, Touch ID) or security keys—no passwords or seed phrases required.

Getting Started in 3 Steps

1. Create Your App

First, create an application in the Oviato Developer Dashboard:

Sign up or log in at dashboard.oviato.com
Create a new application
Configure your app settings (name, logo, domains)
Copy your App ID - you'll need this for the SDK

See the Developer Dashboard section for detailed instructions.

2. Choose Your SDK

Oviato offers two SDK options depending on your framework:

For React/Next.js Apps: @oviato/connect

Best for React applications. Includes hooks, providers, and pre-built UI components.

npm install @oviato/connect

→ @oviato/connect Documentation

For Other Frameworks: @oviato/sdk

Framework-agnostic core SDK. Works with Vue, Svelte, Angular, or vanilla JavaScript.

npm install @oviato/sdk

→ @oviato/sdk Documentation

3. Integrate Authentication

Next.js Example

// app/layout.tsx
import { OviConnectProvider } from "@oviato/connect/client";

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <OviConnectProvider appId="your-app-id" network="bitcoinmainnet">
          {children}
        </OviConnectProvider>
      </body>
    </html>
  );
}

// app/page.tsx
"use client";
import { useOviConnect, ConnectButton } from "@oviato/connect/client";

export default function Page() {
  const { session, disconnect } = useOviConnect();

  if (!session) {
    return <ConnectButton text="Connect Wallet" />;
  }

  return (
    <div>
      <p>Connected: {session.address}</p>
      <button onClick={disconnect}>Disconnect</button>
    </div>
  );
}

Vanilla JavaScript Example

import { initialize, authenticate, getSession } from "@oviato/sdk";

// Initialize
await initialize({
  appId: "your-app-id",
  network: "bitcoinmainnet",
});

// Authenticate
const result = await authenticate();

if (result.status === "success") {
  const session = getSession();
  console.log("Connected:", session.address);
}

What's Next?

Developer Dashboard Guide - Set up your first app
@oviato/connect Docs - React SDK with hooks and components
@oviato/sdk Docs - Framework-agnostic core SDK

Key Features

Passkey Authentication - Secure WebAuthn-based login with biometrics
Multi-Chain Support - Bitcoin, Ethereum (soon)
SSR Compatible - Works with Next.js App Router and all SSR frameworks
TypeScript First - Full type safety and IntelliSense
Pre-built UI - Drop-in components for rapid development
Tiny Bundle - Optimized for performance

Need Help?

Drop us an email to: support[at]oviato.com

Using LLMs

Use Oviato docs with AI code editors like Cursor and GitHub Copilot

Quick Start

On this page