Getting Started

Welcome to the Next.js 15 SaaS Starter Template - a complete, production-ready foundation for building modern SaaS applications.

What You Get

This template provides everything you need to launch a SaaS product:

• Authentication System - Complete user management with Supabase
• Payment Processing - Stripe integration with subscriptions and billing
• Content Management - Sanity CMS for blogs and dynamic content
• Analytics - PostHog for user tracking and insights
• Email Service - Resend for transactional emails
• Modern Stack - Next.js 15, React 19, TypeScript, Tailwind CSS

Tech Stack

Frontend

• Next.js 15 with App Router
• React 19 with modern features
• TypeScript for type safety
• Tailwind CSS for styling
• Radix UI for accessible components

Backend & Services

• Supabase for database and authentication
• Stripe for payments and subscriptions
• Sanity CMS for content management
• Resend for email delivery
• PostHog for analytics

Development Tools

• ESLint and Prettier for code quality
• Husky for git hooks
• TypeScript for type checking

Quick Start

Get your SaaS up and running in under 10 minutes:

1. Clone and Install

git clone <your-repo-url>
cd your-project
npm install

2. Set Up Environment

Copy the environment template:

cp .env.example .env.local

3. Configure Core Services

You'll need accounts for:

• Supabase (database + auth)
• Stripe (payments)
• Sanity (CMS)

4. Run Development Server

npm run dev

Your app will be available at http://localhost:3000

What's Included

Pages & Features

• Landing Page (/) - Marketing homepage
• Authentication (/auth/*) - Login, signup, password reset
• Dashboard (/dashboard) - User dashboard
• Billing (/billing/*) - Subscription management
• Blog (/blog) - Content marketing
• Pricing (/pricing) - Subscription plans

API Routes

• Contact form handling
• Stripe webhook processing
• Authentication endpoints

Components

• Reusable UI components
• Email templates
• Protected route layouts

Project Structure

app/                    # Next.js app directory
├── auth/              # Authentication pages
├── dashboard/         # Protected user area
├── billing/           # Payment management
├── blog/              # Content pages
└── api/               # API routes

components/            # Reusable components
lib/                   # Utility functions
providers/             # Context providers
store/                 # State management
sanity/               # CMS configuration

Next Steps

1. Complete Installation - Follow the detailed setup guide
2. Configure Authentication - Set up user management
3. Set Up Payments - Configure Stripe for billing
4. Deploy - Get your app live on Vercel

Need Help?

• Check the detailed installation guide for step-by-step setup
• Review the authentication documentation for user management
• See the payments guide for Stripe configuration

Ready to build your SaaS? Let's get you set up properly in the next section.