zkAuth

In order to implement this flow you need to:

1. Ask us to add your domain to the list of allowed redirects (Google, Twitch, Facebook,etc)
2. Integrate the following code to your project:

React Example:

1. Install

bun install @risc0/zkauth

2. For local development, make sure you are using port 3000

3. Usage

import "@risc0/zkauth/style.css"; // load the zkAuth stylesheet
import { ZkAuth } from "@risc0/zkauth";

function App() {
  return (
    <>
      <h1>My App</h1>
      
      <ZkAuth 
        address="0xc8915cc592583036e18724b6a7cBE9685f49FC98" // address to prove ownership of
        onStarkComplete={(starkResults) => {
          console.info("Stark completed:", starkResults);
        }}
        onSnarkComplete={(snarkResults) => {
          console.info("Snark completed:", snarkResults);
        }}
      />
    </>
  );
}

Note: if you are using Next.js, you need to mark the page as a client component with "use client".

Unsupported providers

• LinkedIn (no way to pass a nonce)
• PayPal (no way to pass a nonce)
• Discord (doesn't support OIDC)
• Twitter/X (doesn't support OIDC)