Examples
Start from something real
Copy, clone, and ship. Every example is a minimal working project — no extra dependencies, no boilerplate you didn't ask for.
🔐Beginner
Auth App
Email/password login and registration with a protected dashboard. The fastest way to add auth to a new project.
- Sign up + sign in forms
- Inline validation
- Protected dashboard
- Sign out
ViteReactTypeScript
npm install
@tacobase/taco@tacobase/react⚡Beginner
Vite + React
Full SPA with auth, CRUD operations on a posts collection, and a drop-in auth UI component.
- AuthForm component
- useCollection hook
- Create / toggle / delete records
- useAuth
ViteReactTypeScript
npm install
@tacobase/client@tacobase/react▲Beginner
Next.js
App Router project with auth, a protected /dashboard route, and CRUD against a posts collection.
- Protected routes
- Client + server components
- useCollection
- Redirect on auth state
Next.jsReactApp Router
npm install
@tacobase/client@tacobase/react💬Intermediate
Realtime Chat
Live group chat powered by WebSocket subscriptions. Messages appear instantly for every connected user.
- subscribe() pattern
- Realtime create + delete
- Auto-scroll
- Auth gating
ViteReactWebSockets
npm install
@tacobase/client@tacobase/react📦Intermediate
Node.js Scripts
Server-side TypeScript scripts for schema migration and data seeding using the Admin API key.
- Admin API key usage
- Create collections
- Idempotent migrations
- Seed data
Node.jsTypeScriptCLI
npm install
@tacobase/clientNeed help with your project?
Read the docs →