MkSaaS DocsIntroduction
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.
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. 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 16
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.
Shadcn/ui / Magic UI / Animate 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.
Vercel AI Gateway
A unified API to access hundreds of models through a single endpoint.
Vercel AI Elements
A library of customizable React components for building interfaces, open source and free.
Cron Job
A open source and free cron job management platform.
Zod
A schema validation library for TypeScript.
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 and build a successful SaaS website, 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
- Animate UI: Animate UI Documentation
- Dice UI: Dice 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
- Vercel AI Gateway: Vercel AI Gateway Documentation
- Vercel AI Elements: Vercel AI Elements Documentation
- Zod: Zod Documentation
- Nuqs: Nuqs Documentation
- Zustand: Zustand Documentation
- Next-Intl: Next-Intl Documentation
- Next-Safe-Action: Next-Safe-Action Documentation
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:
- Watch Video Tutorials
- Read MkSaaS documentation
- Check the Roadmap
- Follow us on X (Twitter)
- Join our Discord community
- Contact our support team at [email protected]
Next Steps
Now that you have MkSaaS running, here are some next steps: