Architecture
Built on modern, production-ready technologies
A comprehensive full-stack starter template with authentication, payments, and admin dashboard. Deployed on Cloudflare's global edge network for blazing-fast performance.
Tech Stack
Modern technologies chosen for developer experience and performance
Framework
- Next.js 15
- React 19
- TypeScript
Styling
- Tailwind CSS v4
- shadcn/ui
- Radix UI
Database
- Drizzle ORM
- Cloudflare D1
- libSQL
Auth
- Auth.js v5
- Discord OAuth
- Credentials
Infrastructure
- Cloudflare Workers
- Wrangler
- KV
- R2
Payments
- Stripe
- Paddle
- Lemon Squeezy
Architecture Layers
Clean separation of concerns for maintainability and scalability
Frontend Layer
React Server Components & Client Components
Server Components for data fetching
Client Components for interactivity
shadcn/ui component library
Responsive design with Tailwind CSS
API Layer
Route Handlers & Server Actions
RESTful API routes in /api
Server Actions for mutations
Webhook handlers
CORS and middleware support
Business Logic
Domain services & utilities
Authentication & authorization
Payment processing
Email notifications
Event system & triggers
Data Layer
Database & ORM
Drizzle ORM with type safety
Cloudflare D1 (SQLite)
Schema migrations
KV cache & R2 storage
Project Structure
Well-organized codebase following Next.js App Router conventions
src/app/Next.js App Router pages & layouts
src/components/Reusable React components (ui, site, admin, blog)
src/server/Server-side logic (auth, db, payments, email)
src/lib/Utility functions & helpers
src/styles/Global CSS & theme configuration
Quick Start
Get up and running in minutes with these commands
1
Install Dependencies
npm install2
Setup Environment
cp .env.example .env3
Initialize Database
npm run db:push4
Start Development
npm run dev