Files
better-auth/landing/README.md
2026-03-02 09:38:53 -08:00

89 lines
3.1 KiB
Markdown

<picture>
<source media="(prefers-color-scheme: dark)" srcset="public/branding/better-auth-logo-wordmark-dark.svg">
<source media="(prefers-color-scheme: light)" srcset="public/branding/better-auth-logo-wordmark-light.svg">
<img alt="Better Auth" src="public/branding/better-auth-logo-wordmark-dark.svg" width="280">
</picture>
### Landing & Docs
The marketing site and documentation for [better-auth.com](https://better-auth.com) — built with Next.js 15, Tailwind CSS 4, and Framer Motion.
[![Website](https://img.shields.io/badge/better--auth.com-000?style=flat&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA2MCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMEgxNVYxNUgzMFYzMEgxNVY0NUgwVjMwVjE1VjBaTTQ1IDMwVjE1SDMwVjBINDVINjBWMTVWMzBWNDVINDVIMzBWMzBINDVaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==&logoColor=white)](https://better-auth.com)
[![GitHub Stars](https://img.shields.io/github/stars/better-auth/better-auth?style=flat&logo=github&label=stars&color=24292e)](https://github.com/better-auth/better-auth)
[![License](https://img.shields.io/badge/license-MIT-blue?style=flat)](LICENSE)
---
## Quick Start
```bash
# install
bun install
# develop
bun dev
```
Open **[localhost:3000](http://localhost:3000)** to preview.
## Stack
| Layer | Tech |
|:--|:--|
| **Framework** | Next.js 15 (App Router, Turbopack) |
| **Styling** | Tailwind CSS 4 |
| **Animation** | Framer Motion |
| **Docs** | Fumadocs MDX |
| **Icons** | Lucide React |
| **Fonts** | Geist Sans & Geist Mono |
## Structure
```
├─ app/
│ ├─ page.tsx # Home — hero + sign-in demo
│ ├─ products/ # Products page
│ ├─ blog/ # Blog posts
│ └─ docs/[[...slug]]/ # Documentation (MDX)
│
├─ components/
│ ├─ landing/ # Marketing components
│ ├─ docs/ # Documentation components
│ ├─ ui/ # Shared primitives
│ └─ icons/ # Brand icons & logo
│
├─ content/ # MDX documentation files
│
├─ lib/
│ ├─ source.ts # Fumadocs content source
│ └─ utils.ts # Utilities
│
└─ public/
└─ branding/ # Logo assets (SVG + PNG)
```
## Scripts
```bash
bun dev # Start dev server (Turbopack)
bun build # Production build
bun start # Serve production build
bun lint:fix # Lint & auto-fix with Biome
```
---
<p align="center">
<a href="https://better-auth.com">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="public/branding/better-auth-logo-dark.svg">
<source media="(prefers-color-scheme: light)" srcset="public/branding/better-auth-logo-light.svg">
<img alt="Better Auth" src="public/branding/better-auth-logo-dark.svg" width="36">
</picture>
</a>
</p>
<p align="center">
<sub><a href="https://better-auth.com">Website</a> · <a href="https://better-auth.com/docs">Docs</a> · <a href="https://github.com/better-auth/better-auth">Core Repo</a></sub>
</p>