tacobase

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/client

Need help with your project?

Read the docs →