Supastarter - Next.js Boilerplate
Production ready Next.js and starter kit. The leading boilerplate on the market, updated and maintained for over 3+ years now with the latest features and best practices.
Overview
Supastarter is a production-ready Next.js SaaS starter kit trusted by 950+ developers. It's designed for serious SaaS founders who want to build on a solid, scalable foundation optimized for both AI coding agents and developers. With over 3+ years of active maintenance and regular updates, Supastarter provides everything you need to ship a production-ready SaaS application quickly.
The starter kit features a modern monorepo architecture with separate packages for API, authentication, database, payments, UI, and more. It's built with Next.js, React, TypeScript, and Tailwind CSS, using Radix UI for accessible components. The codebase is fully typed and follows best practices for scalability and maintainability.
Features
Authentication
- Better Auth Integration: Complete authentication system with password, passkeys, magic links, and OAuth providers.
- Two-Factor Authentication (2FA): Built-in support for enhanced security.
- Roles & Permissions: Fine-grained access control for users.
- Super Admin & Impersonation: Admin capabilities for user management.
Payments
- Multiple Payment Providers: Supports Stripe, Lemon Squeezy, Polar, Creem, and Dodo Payments.
- Subscription & One-Time Payments: Flexible billing options for your business model.
- Seat-Based Billing: Perfect for team-based pricing tiers.
- Complete Billing Flow: Pre-built billing components and checkout flows.
Database & API
- Prisma or Drizzle ORM: Choose your preferred ORM for type-safe database access.
- Hono API Integration: Reusable, extensible, and type-safe REST API with OpenAPI specs.
- oRPC Integration: Modern RPC for type-safe client-server communication.
Multi-Tenancy & Organizations
- Team Management: Let customers create organizations, invite members, and manage roles.
- Seat-Based Billing: Integrated with the payment system for team pricing.
AI Features
- AI Coding Agent Support: Includes an
AGENTS.mdfile compatible with Cursor, Windsurf, GitHub Copilot, and Claude Code. - AI Chatbot: Ready-to-use setup with Vercel AI SDK for integrating AI workflows.
Additional Features
- Internationalization (i18n): Fully translated with language switcher and translatable mail templates.
- File Storage: S3-compatible storage with presigned uploads.
- Transactional Emails: Customizable mail templates with multiple provider support.
- Background Tasks & Cron Jobs: Integration with trigger.dev and QStash.
- SaaS Admin UI: Manage users and organizations with super admin capabilities.
- Blog & Documentation: MDX-based blog and Fumadocs-powered documentation.
- Analytics & Monitoring: Support for various analytics providers plus Sentry integration.
- E2E Testing: Playwright setup with GitHub Actions CI workflow.
- Offline Development: Docker Compose setup with local PostgreSQL and MinIO S3 storage.
UI & Design
- Tailwind CSS & Radix UI: Modern, beautiful, and fully customizable UI.
- Dark Mode: Built-in dark mode support.
- Mobile-First: Responsive design out of the box.
- shadcn/ui Compatible: Easy to extend with shadcn components.
Developer Experience
- TypeScript: Fully typed codebase from backend to frontend.
- Turborepo Monorepo: Organized package structure for scalability.
- Comprehensive Documentation: Extensive docs with local development guides and upgrade instructions.
- Active Community: Discord server with 950+ members for support.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Radix UI
Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.
- Drizzle ORM
Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Boilerplates
A boilerplate includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Multilingual
Multilingual websites are websites that are available in more than one language. Multilingual websites typically include features such as language selectors, automatic translation, and localized content to make it easier for users to navigate and access the content they need.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.