next-14-saas-boilerplate icon indicating copy to clipboard operation
next-14-saas-boilerplate copied to clipboard

Professional Next 14 SaaS Boilerplate to develop your new product in a weekend with a powerful and scalable stack. - Next 14 (FullStack) - Clerk - Tailwind CSS, TypeScript - Prisma

Next 14 SaaS Boilerplate

Next 14 FullStack SaaS Boilerplate by The SaaS Factory

The standard model for launching free, open source, SaaS products faster

Our vision is that a programmer with a regular job can, with this boilerplate, launch a side project in a weekend.

Boilerplate architecture

Boilerplate structure

Demo

https://next14.thesaasfactory.dev/

Super Admin Access

  • Login as Normal User
  • Make click on the "Access as Super Admin" button in the Header from personal profile

Stripe test card number

  • 4242 4242 4242 4242
  • 12/28
  • 123

Documentation

https://docs-next14.thesaasfactory.dev/

Top Features

  1. Next.js 14: Use the power of Next.js to build server-side rendered React applications that are optimized for performance and SEO, providing a seamless user experience across all devices. Backend and frontend are in the same project, making it easier to manage and deploy your application.

  2. TypeScript: Leverage the power of TypeScript's static typing system to detect and prevent errors at compile time, providing increased confidence and productivity during development.

  3. React: Build dynamic and responsive user interfaces with React, the leading JavaScript library for creating reusable and easily maintainable components.

  4. Tailwind CSS: Streamline the design and styling of your application with Tailwind CSS, a utility-first framework that enables you to quickly customize your application's appearance without sacrificing code readability.

  5. Prisma: Prisma is one of the best current ORMs to manage databases

  6. Clerk: Powerful authentication manager allowing you to add social providers and manage organizations, permissions and roles What you avoid doing by using this boilerplate

  7. Stripe: Stripe is the best payment gateway to manage subscriptions and payments

Integrated modules / Features

  • [x] Multi-tenancy support: create, switch, update organization and invite members
  • [x] Landing Page
  • [x] Full Internationalization support (Frontent componenets and Dynamic Data) This is good!
  • [x] Responsive
  • [x] DarkTheme
  • [x] Dashboards for Admins and Super Admin
  • [x] Kpis Module
  • [x] Notifications Module
  • [x] Organization Switcher (Clerk)
  • [x] Organization Profile (Clerk)
  • [x] User Profile (Clerk)
  • [x] Ticket Support Module
  • [x] Settings Module for Super Admins
  • [x] Marketing Module
  • [x] Billing and subscriptions with Stripe Invoices, Stripe Customer Portal and Multi-Currency support
  • [x] Imagekit Integration for Media Storage
  • [x] Internal components to help you create cruds quickly (newForm)
  • [x] User management
  • [x] Organization management
  • [x] Subscriptions management
  • [x] Subscriptions, plans management and user capabilities This is good!
  • [x] Membership plan capabilities support
  • [x] User Onboarding
  • [x] Affiliate System with Affiliate Panel and Payments with comissions This is good!
  • [x] SEO friendly (SSR by Next 14)
  • [x] Vercel Analytic integration
  • [x] Role-based access control and permissions
  • [x] Absolute Imports using @ prefix
  • [x] Social Auth (Google, Facebook, Twitter, GitHub, Apple, and more) (Clerk)
  • [x] Transactional emails (Loops.so)
  • [x] Adding email addresses to newsletter lists (Loops.so)

Some projects using this boilerplate

Send a message on WhatsApp to add yours

RoadMap

  • [ ] Improve typing
  • [ ] Add more documentation
  • [ ] Add Blog Module
  • [ ] Add Changelog Module

Screenshots

enter image description hereenter image description here enter image description here Start building your saas FASTER