A modern and robust boilerplate for SaaS applications, built with Next.js 15 and best development practices.
- Next.js 15 - React Framework with App Router
- React 19 - UI Library
- TypeScript - Type Safety
- Tailwind CSS - Utility CSS Framework
- Radix UI - Unstyled, Accessible Components
- TanStack Query - Data Fetching & State Management
- Zod - Schema Validation
- React Hook Form - Form Management
- Next Themes - Dark Mode Support
- MDX - Markdown Support
- Recharts - Charting Library
- Sonner - Toast Notifications
- 🎨 Modern UI with Radix UI Components
- 📱 Responsive Design
- 🌙 Dark/Light Mode
- 🔍 SEO Optimized
- 🚀 Performance Optimized with Turbopack
- 📊 Data Visualization with Recharts
- 📝 MDX Support for Content
- 🔒 Type Safety with TypeScript
- 🎯 Form Validation with Zod
- 🔄 Data Fetching with TanStack Query
- 🔔 Toast Notifications with Sonner
- Clone the repository:
git clone https://github.com/your-username/nextjs-saas-boilerplate.git- Install dependencies:
npm install- Set up environment variables:
cp .env.example .env.local- Run database migrations (if you're using Prisma):
npx prisma migrate dev- Start the development server:
npm run devVisit http://localhost:3000 to see the result.
├── src/
│ ├── app/ # Next.js App Router
│ ├── components/ # React Components
│ ├── lib/ # Utilities and Configurations
│ ├── hooks/ # Custom React Hooks
│ ├── schemas/ # Zod Validation Schemas
│ ├── data/ # Static Data
│ └── blog-posts/ # MDX Content
├── public/ # Static Files
└── config files # Various configuration files
Please read our Contributing Guide for details on our code of conduct and the process for submitting pull requests.
This project is licensed under the MIT License - see the LICENSE file for details.
Cláudio Alves
- Email: [email protected]
- GitHub: @claudioavgo
- Vercel for hosting this project
- All contributors who helped improve this boilerplate