Introduction

Introducing MkSaaS, a complete Next.js boilerplate for building AI SaaS websites

What is MkSaaS?

Welcome to MkSaaS, a complete boilerplate for building AI SaaS websites. This project is designed to accelerate your development with a robust, modular, and extensible foundation. Feel free to use it as is or extend it for your own needs.

People use MkSaaS to build AI SaaS websites for a variety of reasons:

🚀 Fast & Modern - Built with Next.js 15 App Router and TypeScript
🎨 Beautiful UI - Powered by Tailwind CSS and shadcn/ui components
📱 Responsive - Works great on all devices
🔍 SEO Optimized - Built-in SEO features

Whether you're a beginner or an experienced developer, this documentation will guide you through the setup, configuration, and deployment of your website.

This guide assumes you have some familiarity with Next.js and Drizzle ORM. If you don't have any of these, please refer to the Official Documentation as we will not cover the basics in this guide.

Let's get started!

Tech Stack

Next.js 15

The React framework for building full-stack web applications using React 19.

Drizzle ORM

An ORM tool that helps you access your database in a type-safe way.

Tailwind CSS

A utility-first CSS framework packed with utility classes that can be composed to build any design.

Radix UI / shadcn/ui / Magic UI / Tailark

A collection of pre-built components and blocks that you can use to build your SaaS websites.

Better Auth

A modern, secure, easy-to-use and framework agnostic authentication solution.

Resend

A modern email service that allows you to send emails from your application.

Fumadocs

A beautiful documentation framework for Developers, flexible and performant.

Stripe

The most popular and secure payment processor for SaaS websites.

Vercel AI SDK

A collection of tools for building AI applications, open source and free.

Zustand

A small, fast and scalable state management solution for React applications.

Next-Intl

Internationalization library for Next.js that supports routing, messages, and localization.

Next-Safe-Action

Type-safe server actions for Next.js with built-in validation and error handling.

Scope of This Documentation

This documentation will guide you through configuring, running, and deploying the boilerplate, and will provide links to the official documentation of the underlying technologies where necessary. To fully grasp the boilerplate's capabilities, it's essential to understand these technologies, so be sure to explore their documentation as well.

For anything strictly related to the MkSaaS boilerplate, this documentation has you covered!

Official Documentation

For in-depth understanding of the underlying technologies, refer to their official documentation:

Next.js: Next.js Documentation
Drizzle: Drizzle Documentation
Tailwind CSS: Tailwind CSS Documentation
Radix UI: Radix UI Documentation
Shadcn/ui: Shadcn/ui Documentation
Magic UI: Magic UI Documentation
Tailark: Tailark Documentation
Better Auth: Better Auth Documentation
Resend: Resend Documentation
Fumadocs: Fumadocs Documentation
Stripe: Stripe Documentation
Vercel AI SDK: Vercel AI SDK Documentation
Zustand: Zustand Documentation
Next-Intl: Next-Intl Documentation
Next-Safe-Action: Next-Safe-Action Documentation
Content Collections: Content Collections Documentation

Understanding these technologies is crucial for building a successful SaaS website.

For a more integrated development experience, we recommend adding these documentation links to your Cursor's documentation panel. This allows you to quickly reference documentation without leaving your editor. See our IDE Setup guide for instructions on how to add these resources to Cursor.

Getting Help

If you're stuck, here are some ways to get help:

Check the MkSaaS documentation
Join our Discord community
Open an issue on GitHub Issues
Open a discussion on GitHub Discussions
Contact our support team at support@mksaas.com