Introduction

Welcome to the Better Boilerplate - a production-ready, AI-powered Next.js boilerplate designed for rapid SaaS and app prototyping. This documentation will guide you through every aspect of the project structure, architecture, and best practices

Overview

The Better Boilerplate is a monorepo structure containing multiple applications:

• Web App (apps/web): The main Next.js frontend application
• Server (apps/server): The backend server with tRPC , Hono and Prisma
• CMS (apps/cms): A headless CMS for content management
• Email (apps/email): Email service and templates

Tech Stack

Frontend

• Next.js 15 (App Router)
• Tailwind CSS with shadcn/ui
• tRPC for type-safe API calls
• BetterAuth for authentication
• Stripe for payments

Backend

• Supabase (PostgreSQL)
• Prisma ORM
• tRPC for API contracts
• BetterAuth integration
• OpenRouter and vercel’s AI SDK for AI features

Infrastructure

• Supabase for database and storage

Getting Started

To get started with the boilerplate:

1. Clone the repository
2. Install dependencies using bun or pnpm or npm
3. Set up your environment variables
4. Run the development server

For detailed setup instructions, see the Setup Guide.