better-auth-svelte-ui

This repository is a SvelteKit project scaffolded with the Svelte CLI. It uses the minimal template with TypeScript enabled as a starting point for building the Better Auth UI. Tailwind CSS is configured via the Svelte CLI add-on.

Getting started

Prerequisites

• Node.js 18 or later
• pnpm 9 or later

Installation

Install project dependencies with pnpm:

pnpm install

Development server

Start a local development server at http://localhost:5173:

pnpm run dev

Type checking

Run SvelteKit's check to validate types and generated routes:

pnpm run check

Production build

Create an optimized production build:

pnpm run build

Preview the production build locally:

pnpm run preview

Testing

• Run the Vitest suite (server and browser projects) in CI-friendly mode:

pnpm run test:unit -- --run

• Run end-to-end tests with Playwright (requires installed browsers):

pnpm run test:e2e

If Playwright browsers are missing locally, install them once with:

pnpm exec playwright install --with-deps

Storybook

• Launch the Storybook development server at http://localhost:6006:

pnpm run storybook

• Build the static Storybook bundle (outputs to storybook-static/):

pnpm run storybook:build

• The Auth/SignedIn story demonstrates how protected content renders only when a session is present.