Examples

Code examples for common use cases.

Pages

• Express Backend - Full Express.js server
• React Frontend - React/Vue integration
• Telegram WebApp - Telegram Mini App

Quick Examples

Express + Google OAuth

import express from "express";
import session from "express-session";
import { createAuthRouter } from "auth-kit-js/express";

const app = express();
app.use(express.json());
app.use(session({ secret: "secret", resave: false, saveUninitialized: false }));

app.use(
  "/auth",
  createAuthRouter({
    google: {
      clientId: process.env.GOOGLE_CLIENT_ID!,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
      redirectUri: "http://localhost:3000/auth/google/callback",
    },
    async onLogin(profile) {
      return { token: "jwt-token" };
    },
  }),
);

app.listen(3000);

Frontend OAuth Button

import { startOAuth } from "auth-kit-js/frontend";

document.getElementById("login").onclick = () => {
  startOAuth({
    provider: "google",
    clientId: "your-client-id",
    redirectUri: "http://localhost:3000/auth/google/callback",
  });
};

Telegram WebApp

import { isTelegramWebApp, getTelegramInitData } from "auth-kit-js/frontend";

if (isTelegramWebApp()) {
  const result = await fetch("/auth/telegram/webapp", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ initData: getTelegramInitData() }),
  }).then((r) => r.json());
}