Built with Next.js 15, TypeScript, Tailwind CSS, and Prisma PostgreSQL by default but you can use any database (MySQL, SQLite, SQL Server, MongoDB and CockroachDB). Focus on the main logic of your App, all the following time consuming features are already implemented for you.
Features
Authentication: Email & password, Magic Link, OAuth with Facebook, Google, Twitter and GitHub.
Authorization: Role based authorization system to protect routes and control access.
Admin Panel: Manage users, roles, permissions, announcements, and banners.
Payment & Subscriptions: Stripe integration with subscription management and invoice viewing.
Email: Ready-to-use email setup with beautiful React-email templates.
Internationalization: Support for English, French and Spanish out of the box.
UI Components: Beautiful UI blocks for landing pages, features, pricing sections, and more.
Clean Codebase: Modern stack with best practices for efficient development.
Available Versions
Next.js + MongoDB Lite: Essential features at $59
Next.js + Prisma ORM: Full-featured version at $99
Next.js + MongoDB Premium: Full-featured MongoDB version at $99
The quickest way to build a full-stack SaaS app with Next.js, Remix or SvelteKit.
JavaScript
TypeScript
shadcn/ui
Tailwind CSS
MySQL
PostgreSQL
SQLite
Stripe
Next.js
Remix
Svelte
SvelteKit
Features:
Access Control
AI
Auth
Caching
Emails
i18n
Marketing
+6 more
Frequently Asked Questions
JavaScript
What makes JavaScript ideal for SaaS development?
JavaScript excels in SaaS development due to its robust ecosystem, strong typing capabilities, and excellent library support. JavaScript boilerplates leverage language-specific features to provide type-safe database queries, efficient API routing, and optimized runtime performance. The language's maturity means you get battle-tested packages for authentication, payment processing, and background jobs that integrate seamlessly.
TypeScript
What makes TypeScript ideal for SaaS development?
TypeScript excels in SaaS development due to its robust ecosystem, strong typing capabilities, and excellent library support. TypeScript boilerplates leverage language-specific features to provide type-safe database queries, efficient API routing, and optimized runtime performance. The language's maturity means you get battle-tested packages for authentication, payment processing, and background jobs that integrate seamlessly.
Next.js
What Next.js-specific architecture patterns are implemented?
Next.js boilerplates leverage the framework's native architecture patterns including its routing system, middleware pipeline, and controller/handler structure. They implement Next.js's conventions for separating concerns, dependency injection, and service layer patterns. The codebase follows Next.js's best practices for organizing models, views/components, and business logic to ensure maintainability as your application grows.
React
What React-specific architecture patterns are implemented?
React boilerplates leverage the framework's native architecture patterns including its routing system, middleware pipeline, and controller/handler structure. They implement React's conventions for separating concerns, dependency injection, and service layer patterns. The codebase follows React's best practices for organizing models, views/components, and business logic to ensure maintainability as your application grows.
shadcn/ui
What shadcn/ui-specific component architecture is used?
shadcn/ui boilerplates follow the framework's component composition patterns with reusable, atomic design components. They implement shadcn/ui's best practices for component structure, props handling, event management, and lifecycle methods. The component library includes authentication flows, dashboards, data tables, forms with validation, and navigation—all built with shadcn/ui's native features like hooks (React), composition API (Vue), or directives (Angular).
Tailwind CSS
What Tailwind CSS-specific component architecture is used?
Tailwind CSS boilerplates follow the framework's component composition patterns with reusable, atomic design components. They implement Tailwind CSS's best practices for component structure, props handling, event management, and lifecycle methods. The component library includes authentication flows, dashboards, data tables, forms with validation, and navigation—all built with Tailwind CSS's native features like hooks (React), composition API (Vue), or directives (Angular).
CockroachDB
What CockroachDB-specific features are leveraged in these boilerplates?
CockroachDB boilerplates utilize the database's native capabilities including its transaction model (ACID for SQL, eventual consistency for NoSQL), indexing strategies (B-tree, GiST, full-text search), and advanced features like JSON columns, array types, window functions, or document queries. The schema design takes advantage of CockroachDB's strengths—whether that's PostgreSQL's JSONB, MySQL's full-text search, MongoDB's aggregation pipeline, or Redis's data structures.
MongoDB
What MongoDB-specific features are leveraged in these boilerplates?
MongoDB boilerplates utilize the database's native capabilities including its transaction model (ACID for SQL, eventual consistency for NoSQL), indexing strategies (B-tree, GiST, full-text search), and advanced features like JSON columns, array types, window functions, or document queries. The schema design takes advantage of MongoDB's strengths—whether that's PostgreSQL's JSONB, MySQL's full-text search, MongoDB's aggregation pipeline, or Redis's data structures.
MySQL
What MySQL-specific features are leveraged in these boilerplates?
MySQL boilerplates utilize the database's native capabilities including its transaction model (ACID for SQL, eventual consistency for NoSQL), indexing strategies (B-tree, GiST, full-text search), and advanced features like JSON columns, array types, window functions, or document queries. The schema design takes advantage of MySQL's strengths—whether that's PostgreSQL's JSONB, MySQL's full-text search, MongoDB's aggregation pipeline, or Redis's data structures.
PostgreSQL
What PostgreSQL-specific features are leveraged in these boilerplates?
PostgreSQL boilerplates utilize the database's native capabilities including its transaction model (ACID for SQL, eventual consistency for NoSQL), indexing strategies (B-tree, GiST, full-text search), and advanced features like JSON columns, array types, window functions, or document queries. The schema design takes advantage of PostgreSQL's strengths—whether that's PostgreSQL's JSONB, MySQL's full-text search, MongoDB's aggregation pipeline, or Redis's data structures.
SQLite
What SQLite-specific features are leveraged in these boilerplates?
SQLite boilerplates utilize the database's native capabilities including its transaction model (ACID for SQL, eventual consistency for NoSQL), indexing strategies (B-tree, GiST, full-text search), and advanced features like JSON columns, array types, window functions, or document queries. The schema design takes advantage of SQLite's strengths—whether that's PostgreSQL's JSONB, MySQL's full-text search, MongoDB's aggregation pipeline, or Redis's data structures.
Stripe
What Stripe API features are implemented?
Stripe boilerplates implement the provider's complete API suite including checkout sessions, subscription lifecycle management, customer portal, webhook event handling, and invoice generation. They use Stripe's latest API version with proper error handling, idempotency keys, and retry logic. The integration includes Stripe-specific features like payment intents, setup intents, subscription schedules, and tax calculation APIs.
JavaScript
What JavaScript-specific tools and libraries are included?
JavaScript boilerplates include the language's most popular and production-proven tools. This typically includes testing frameworks, linters, formatters, build tools, and package managers specific to JavaScript. You'll get pre-configured toolchains that enforce best practices, automated testing pipelines, and development environments optimized for JavaScript development workflows.
TypeScript
What TypeScript-specific tools and libraries are included?
TypeScript boilerplates include the language's most popular and production-proven tools. This typically includes testing frameworks, linters, formatters, build tools, and package managers specific to TypeScript. You'll get pre-configured toolchains that enforce best practices, automated testing pipelines, and development environments optimized for TypeScript development workflows.
Next.js
How does Next.js's ORM/database layer work in these boilerplates?
Next.js boilerplates use the framework's native ORM or query builder (Prisma, Eloquent, Active Record, SQLAlchemy, etc.) with pre-configured models for users, subscriptions, teams, and common SaaS entities. They include optimized queries, relationships, migrations, seeders, and database connection pooling. The implementation leverages Next.js's specific features like eager loading, query scopes, and transaction handling for performance.
