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.

Get Started Back home

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 Pages
Workers
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

Install Dependencies

npm install

Setup Environment

cp .env.example .env

Initialize Database

npm run db:push

Start Development

npm run dev

Ready to build?

Start building your next project with this production-ready template

View on GitHub Open Dashboard