A modern fullstack web project template with:

• Runtime: Native Bun (no Node.js, no Turborepo)
• Frontend: TanStack Start + React 19
• Backend: ElysiaJS + Eden Treaty (type-safe API)
• Auth: Better Auth with Drizzle adapter
• Database: Drizzle ORM + Bun SQLite
• UI: Tailwind CSS v4 with custom shadcn-style components

• Bun v1.1.0 or later

1. Install dependencies:

   bun install

2. Copy environment file:

   cp .env.example .env

3. Generate and run database migrations:

   bun run db:generate
   bun run db:migrate

4. Start the development servers:

   bun run dev

The frontend will be available at http://localhost:3000 and the API at http://localhost:3001.

bun-fullstack-template/
├── apps/
│   ├── web/              # TanStack Start frontend
│   │   └── src/
│   │       ├── routes/   # File-based routing
│   │       ├── components/ui/  # Custom UI components
│   │       └── lib/      # Utilities
│   │
│   └── api/              # ElysiaJS backend
│       └── src/
│           ├── app.ts    # Main app with type export
│           └── routes/   # API routes
│
└── packages/
    ├── database/         # Drizzle ORM + Bun SQLite
    ├── auth/             # Better Auth config
    └── api-client/       # Eden Treaty client

The API types flow from backend to frontend:

apps/api/src/app.ts
  └─> export type App = typeof app
        │
        ▼
packages/api-client
  └─> treaty<App>(url)
        │
        ▼
apps/web
  └─> api.api.demo.greeting({ name }).get()
      // Full autocomplete & type checking!

Custom shadcn-style components are available in apps/web/src/components/ui/:

• Button - Variant-based button with loading states
• Input - Styled input with label and error support
• Card - Card container with header/content/footer
• Badge - Status badges with variants
• Spinner - Loading spinner

All components use the cn() utility for class merging.

Swagger documentation is available at http://localhost:3001/swagger when the API is running.

MIT