Free and Open Source SaaS Boilerplate with Tailwind CSS and Shadcn UI

🚀 SaaS Boilerplate is a powerful and fully customizable template to kickstart your SaaS applications. Built with Next.js and Tailwind CSS, and the modular UI components of Shadcn UI. This Next.js SaaS Template helps you to quickly build and launch SaaS with minimal effort.

Packed with essential features like built-in Authentication, Multi-Tenancy with Team support, Role & Permission, Database, I18n (internationalization), Landing Page, User Dashboard, Form handling, SEO optimization, Logging, Error reporting with Sentry, Testing, Deployment, Monitoring, and User Impersonation, this SaaS template provides everything you need to get started.

Designed with developers in mind, this Next.js Starter Kit uses TypeScript for type safety and integrates ESLint to maintain code quality, along with Prettier for consistent code formatting. The testing suite combines Vitest and Playwright for robust unit, integration, and E2E testing. Continuous integration and deployment are managed via GitHub Actions. For user management, authentication is handled by Clerk. For database operations, it uses Drizzle ORM for type-safe database management across popular databases like PostgreSQL, SQLite, and MySQL. One recommended option is to use Neon, which provides a free PostgreSQL database that is compatible and has been tested with SaaS Boilerplate.

Whether you're building a new SaaS app or looking for a flexible, production-ready SaaS template, this boilerplate has you covered. This free, open-source starter kit has everything you need to accelerate your development and scale your product with ease.

Clone this project and use it to create your own SaaS. You can check the live demo at SaaS Boilerplate, which is a demo with a working authentication and multi-tenancy system.

Sponsors

Add your logo here

Demo

Live demo: SaaS Boilerplate

Landing Page	User Dashboard

Team Management	User Profile

Sign Up	Sign In

Landing Page with Dark Mode (Pro Version)	User Dashboard with Dark Mode (Pro Version)

User Dashboard with Sidebar (Pro Version)

Features

Developer experience first, extremely flexible code structure and only keep what you need:

• ⚡ Next.js with App Router support
• 🔥 Type checking TypeScript
• 💎 Integrate with Tailwind CSS and Shadcn UI
• ✅ Strict Mode for TypeScript and React 19
• 🔒 Authentication with Clerk: Sign up, Sign in, Sign out, Forgot password, Reset password, and more.
• 👤 Passwordless Authentication with Magic Links, Multi-Factor Auth (MFA), Social Auth (Google, Facebook, Twitter, GitHub, Apple, and more), Passwordless login with Passkeys, User Impersonation
• 👥 Multi-tenancy & team support: create, switch, update organization and invite team members
• 📝 Role-based access control and permissions
• 👤 Multi-Factor Auth (MFA), Social Auth (Google, Facebook, Twitter, GitHub, Apple, and more), User Impersonation
• 📦 Type-safe ORM with DrizzleORM, compatible with PostgreSQL, SQLite, and MySQL
• 💽 Offline and local development database with PGlite
• ☁️ Remote and production database with Neon
• 🌐 Multi-language (i18n) with next-intl and Crowdin
• ♻️ Type-safe environment variables with T3 Env
• ⌨️ Form with React Hook Form
• 🔴 Validation library with Zod
• 📏 Linter with ESLint (default NextJS, NextJS Core Web Vitals, Tailwind CSS and Antfu configuration)
• 💖 Code Formatter with Prettier
• 🦊 Lefthook for Git hooks
• 🚓 Lint git commit with Commitlint
• 📓 Write standard compliant commit messages with Commitizen
• 🦺 Unit Testing with Vitest and Browser Mode
• 🧪 Integration and E2E Testing with Playwright
• 👷 Run tests on pull requests with GitHub Actions
• 🎉 Storybook for UI development
• 🚨 Error Monitoring with Sentry
• ☂️ Code coverage with Codecov
• 📝 Logging with LogTape and Log Management with Better Stack
• 🖥️ Monitoring as Code with Checkly
• 🎁 Automatic changelog generation with Semantic Release
• 🔍 Visual regression testing
• 💡 Absolute Imports using @ prefix
• 🗂 VSCode configuration: Debug, Settings, Tasks and Extensions
• 🤖 SEO metadata, JSON-LD and Open Graph tags
• 🗺️ Sitemap.xml and robots.txt
• ⌘ Database exploration with Drizzle Studio and CLI migration tool with Drizzle Kit
• ⚙️ Bundler Analyzer
• 🌈 Include a FREE minimalist theme
• 💯 Maximize lighthouse score

Built-in features from Next.js:

• ☕ Minify HTML & CSS
• 💨 Live reload
• ✅ Cache busting

Philosophy

• Nothing is hidden from you, allowing you to make any necessary adjustments to suit your requirements and preferences.
• Dependencies are updated every month
• Start for free without upfront costs
• Easy to customize
• Minimal code
• SEO-friendly
• Everything you need to build a SaaS
• 🚀 Production-ready

Requirements

• Node.js 24+ and npm

Getting started

Run the following command on your local environment:

git clone --depth=1 https://github.com/ixartz/SaaS-Boilerplate.git my-project-name
cd my-project-name
npm install

For your information, all dependencies are updated every month.

Then, you can run the project locally in development mode with live reload by executing:

npm run dev

This command starts Next.js, a local PostgreSQL-compatible PGlite database, and Sentry Spotlight at the same time. Open http://localhost:3000 with your favorite browser to see your project.

Need advanced features? Next.js 16 & React 19, Multi-tenancy & Teams, Roles & Permissions, Shadcn UI, End-to-End Typesafety with oRPC, Stripe Payment, Light / Dark mode. Try Next.js Boilerplate Pro.

Or, need a Self-hosted auth stack (Better Auth)? Try Next.js Boilerplate Max

Free vs Pro vs Max version

This project offers a free open-source version and premium Pro/Max versions. Here's a detailed comparison: