> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scute.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Get started with Scute

> Passwordless authentication for modern applications

<div className="hero-gradient">
  <h1 style={{color: 'white', fontSize: '2rem', marginBottom: '0.5rem'}}>
    Get started <span className="lime-text">with Scute</span>
  </h1>

  <p style={{color: '#ffffffcc', fontSize: '1.1rem', marginBottom: '0'}}>
    Add passwordless auth to your app in minutes. WebAuthn, Magic Links, OTP, OAuth
  </p>
</div>

## Let's create a Scute app

<Steps>
  <Step title="Create your account">
    Signup and create a workspace
  </Step>

  <Step title="Configure your app">
    Create an app and give it a name
  </Step>

  <Step title="Create API Keys">
    Easily create Secret keys from your dashboard
  </Step>
</Steps>

## Quick Start

Choose your framework to get started:

<CardGroup cols={2}>
  <Card title="Next.js" icon="react" href="/quickstarts/next-js" color="#E9FE77">
    Server-side rendering with React
  </Card>

  <Card title="React" icon="react" href="/quickstarts/react" color="#E9FE77">
    Single-page applications
  </Card>

  <Card title="JavaScript" icon="js" href="/quickstarts/javascript" color="#E9FE77">
    Vanilla JavaScript integration
  </Card>

  <Card title="Express.js" icon="node-js" href="/quickstarts/express-js" color="#E9FE77">
    Node.js backend integration
  </Card>
</CardGroup>

<CardGroup cols={3}>
  <Card title="Vue.js" icon="vuejs" href="/quickstarts/vue-js">
    Vue.js apps
  </Card>

  <Card title="Svelte" icon="code" href="/quickstarts/svelte">
    Svelte apps
  </Card>

  <Card title="React Native" icon="mobile" href="/quickstarts/react-native">
    Mobile apps
  </Card>
</CardGroup>

## Core Features

<CardGroup cols={2}>
  <Card title="Authentication Methods" icon="fingerprint" href="/guides/authentication-methods" color="#012E2D">
    WebAuthn, Magic Links, OTP, and OAuth — all passwordless
  </Card>

  <Card title="Auth UI Components" icon="palette" href="/guides/auth-ui" color="#012E2D">
    Drop-in React components for login flows
  </Card>

  <Card title="JWT Tokens" icon="shield-check" href="/guides/jwt" color="#012E2D">
    Secure token-based session management
  </Card>

  <Card title="OAuth Integration" icon="arrow-right-arrow-left" href="/guides/oauth" color="#012E2D">
    Social login with Google, GitHub, and more
  </Card>
</CardGroup>

## Verification

<div className="feature-highlight">
  Verify user identity and intent with OTP codes, email verification, and self-serve flows.
</div>

<CardGroup cols={3}>
  <Card title="Overview" icon="magnifying-glass" href="/verification/index">
    How verification works
  </Card>

  <Card title="OTP Verification" icon="message-code" href="/verification/otp-verification">
    One-time password flows
  </Card>

  <Card title="Self-Serve" icon="user-check" href="/verification/self-serve">
    User-initiated verification
  </Card>
</CardGroup>

## Platform

<CardGroup cols={3}>
  <Card title="Webhooks" icon="webhook" href="/guides/webhooks" color="#E9FE77">
    Real-time event notifications
  </Card>

  <Card title="Events" icon="bolt" href="/guides/events" color="#E9FE77">
    Track auth events and user activity
  </Card>

  <Card title="Metafields" icon="database" href="/guides/metafields" color="#E9FE77">
    Store custom data on users
  </Card>
</CardGroup>

## API Reference

<Card title="REST API Documentation" icon="code" href="/api-reference/introduction" color="#012E2D">
  Full API reference with examples for managing users, apps, and authentication
</Card>