Multi-factor authentication
Users enroll an authenticator app and are challenged for a code at sign-in.
What the website starter includes
The pages live in the (marketing) route group of the Next.js app, share one layout with the header and footer, and render at the root of your domain.
Landing page
/Hero, feature sections, and calls to action built from Server Components and Tailwind CSS 4.
Pricing page
/pricingRendered from the same billing configuration the checkout uses, so plans on the page match plans in Stripe or Lemon Squeezy.
Blog
/blogPost listing and post pages with categories and tags, fed by the CMS layer.
Documentation
/docsHierarchical docs with parent and child pages and ordering, for product help or a public API reference.
Changelog
/changelogRelease notes as a content collection, next to the blog and docs.
Contact form
/contactA contact page whose form sends email through the mailer you configure for the app.
FAQ
/faqA FAQ page you edit in code alongside the rest of the site.
Legal pages
/terms-of-serviceTerms of Service, Privacy Policy, and Cookie Policy pages in their own route group.
Content from files, WordPress, or your database
Blog posts, docs, and changelog entries go through one CMS interface. The default is Keystatic with local Markdoc files, so content is versioned in Git with your code and needs no configuration. Set CMS_CLIENT to wordpress to read from an existing WordPress site, or install the Supabase CMS plugin to keep content in Postgres.
Because pages call the interface, not the provider, switching CMS does not mean rewriting your data fetching. Sanity, Contentful, or Strapi need a custom client that implements the same interface; the docs walk through writing one.
Technical SEO that is already wired
- Page metadata through the Next.js Metadata API, with a title template and Open Graph defaults in the root layout.
- A sitemap route at
/sitemap.xmlthat adds blog posts and docs pages automatically, plus robots configuration. - A documented pattern for JSON-LD structured data on marketing pages.
- Locale-prefixed routes for translated marketing pages, through the kit's i18n setup.
Keyword research, writing, and links are still your job. The kit removes the setup, not the work.
Is this the right website starter for you?
Yes, if the site sells a product
The website is the front door to a SaaS. Sign-up, billing, team accounts, and the admin panel sit next to your pages from day one, in the Next.js SaaS starter kit.
No, if it is only a website
For a brochure site or a blog with no accounts, a plain Next.js template is lighter and cheaper.
Already have a site on Framer, Webflow, or WordPress? The kit documents how to keep an external marketing website and serve only the app from MakerKit. Details for the built-in pages are in the marketing pages docs and the SEO configuration guide.
Inside MakerKit
your-saas
> Add a projects table scoped to team accounts
Context your harness loads
Root rules first, then the folder the agent works in
AGENTS.md1apps/web/AGENTS.md2supabase/AGENTS.md3app/admin/AGENTS.mdpackages/ui/AGENTS.mdpackages/next/AGENTS.mdpackages/features/AGENTS.md
Products built on MakerKit
AmplefoundAI-organic growth agent
GondlaThe first content engine designed for Hybrid Search Visibility
ConvoQualitative Research At Scale
QA.techShip faster with AI agents that create and run your QA tests
ReplybossFind relevant posts on X. Grow faster and sell more.
ReplenoInventory management for craft & small businesses
See 16 more products from MakerKit customers +
- Badvisor · Unlock the Power of Web 3D
- iMaintain · Smarter Care for Everything You Own
- Blastra · Get In Front Of The Right Audience In One Go
- SNutils · Superpowers for ServiceNow Professionals
- Videotok · Create viral TikToks and Reels from text to video with AI
- Nero AI · The LLM powered scraper for LLM Apps
- FormLabs · Create & Analyze Your Bespoke Survey in Seconds
- Permitful · Permit tracking for architects
- Revarta · Practice Interviews to Land your Next Job
- ExtensionAuditor · Scan Browser Extensions. Detect Hidden Threats
- ShortlistIQ · AI Powered screening and hiring
- CareerKit · AI-powered career coaching for software engineers
- ChefGPT · AI-powered digital Chef to the rescue for never-ending delicious meals
- Superlines · The AI tool for Marketing
- YTSummary · Get the gist of any YouTube video with AI summaries
- CodeSnippets AI · GPT-4 and collaborate with your team to build your secure code snippets library
Marketing site includedThe website ships inside the Next.js SaaS kit
A Next.js website starter that is also a working SaaS
The marketing site lives in the same Next.js app as the signed-in product. Blog and docs content come from Keystatic, WordPress, or Supabase through one CMS interface. Need a brochure site with no accounts? A plain Next.js template is lighter.
Authentication
Sign-in your users already expect
Password, magic link, passkeys, OAuth and multi-factor authentication, with the emails that go with them.
Transactional emails
Templates written in JSX with React Email, sent through Resend or Nodemailer (SMTP).
Every sign-in method
Password, magic link and social sign-in, configured per environment.
Passkeys
Opt-in sign-in with Face ID, Touch ID, Windows Hello or a security key. No password to phish.
Magic links
Passwordless sign-in: users get a one-time link by email instead of typing a password.
Accounts and billing
Everything a multi-tenant B2B SaaS needs
The multi-tenant SaaS boilerplate parts: auth, billing, teams with roles, and a super admin that can impersonate or ban users and teams, plus the screens your customers use to manage them.
Roles and permissions
Roles map to permissions that your code and your database policies both check.
Customer portal
Users change plans, update payment methods and download invoices without a support ticket.
Team accounts
Users belong to several teams and switch between them, or work in their personal account.
Billing webhooks
Flat, per-seat and metered subscriptions through Stripe Checkout, with webhooks that keep plans and seats in sync with your database.
Swappable providers
Billing, email, CMS and monitoring sit behind interfaces, so changing provider is configuration, not a rewrite.
Internationalization
Every UI string comes from translation files, so adding a language is content work.
Built for coding agents
Guardrails your agent works inside
Rules, an MCP server and strict checks keep generated code in the kit’s patterns.
Agent rules
AGENTS.md files at the root and in each package teach coding agents the kit’s conventions.
Strict code standards
Strict TypeScript and linting across the monorepo, so type errors surface before your users find them.
MCP server
Gives Claude Code, Cursor, Codex and Gemini structured access to the kit: database, components, translations, checks and PRDs.
E2E tests with Playwright
Tests for authentication, team accounts and invitations, written with page objects you can extend.
You own the code
The full source lives in your repository. Nothing is hidden behind a package you cannot edit.
Also included
Everything else, already wired up
The parts nobody lists until they are missing: content, deployment, documentation, and people to ask when you get stuck.
Interface
- Shadcn UI and Tailwind CSS v4One theme file restyles the app and the marketing site
- Dark and light themesEvery component supports both, with a toggle built in
- Mobile-friendly layoutsResponsive app shell, sidebar and marketing pages
- Figma UI kitThe same components, for designing screens before you build them
Content
- Blog and CMSKeystatic, WordPress or Supabase behind one interface
- Help centerDocumentation pages for your own customers
- SEO basicsPer-page metadata and a generated sitemap
Platform
- Serverless or NodeDeploy serverless or to a long-running server, with guides for both
- PluginsTestimonials, feedback, roadmap and waitlist, added when you need them
- MonitoringSentry, PostHog or SigNoz behind one interface
- Realtime notificationsIn-app, over Supabase Realtime on the Supabase kits
Learning and support
- DocumentationFor every kit, from install to production
- MakerKit courseBuild and launch a SaaS on the kit, step by step
- DiscordAsk Giancarlo and other builders directly
From clone to product code in one session
A production-ready Next.js Website Starter, with the SaaS behind it
The setup, stack, and tooling are decided, so your first commit is a product feature.
Quick Setup
Clone the repository, install dependencies, and start the dev server: the full SaaS runs locally, not a demo shell.
Modern Tech Stack
Built on Next.js 16 or TanStack Start, with React 19, Zod 4, Shadcn UI, Tailwind CSS 4, and TypeScript 7 (Go). Upgrades land through the public changelog.
High standards
Strict TypeScript, Oxlint, and oxfmt configured across the monorepo. The Rust-based Oxc toolchain keeps lint and format feedback fast as the codebase grows.
Authentication made easy
Authentication
Password, magic link, passkey, and social sign-in, plus MFA, with the email flows that go with them.
Email/Password
Secure email/password authentication with built-in password reset, email verification, and account recovery flows.
Magic Link
Passwordless sign-in: users click a link in their inbox and skip the password entirely.
Passkey
WebAuthn passkeys: users sign in with Face ID, Touch ID, Windows Hello, or a hardware security key. Phishing-resistant, with nothing to reset.
Social Sign-in
Google, GitHub, Facebook, X, Discord, and many more OAuth providers ready to configure.
Multi-Factor Authentication
TOTP-based MFA to protect your users' accounts, with enrollment and challenge screens included.
Multi-tenant SaaS from day one
Multi-Tenancy
Personal and team accounts, invitations, and role-based access control, modeled in the database rather than bolted on in app code.
Organizations and Teams
Full B2B multi-tenancy support. Let customers create workspaces, manage teams, and collaborate securely.
Team Invitations
Email-based invitation system with role assignment. Onboard team members with a single link.
Roles and Permissions
Granular role-based access control (RBAC). Define custom roles and permissions that match your product's needs.
Get Paid
Billing
Subscriptions with Stripe and other providers, including per-seat and metered billing, for personal and team accounts.
Stripe Checkout
Stripe Checkout handles cards, Apple Pay, Google Pay, and other payment methods.
Stripe Customer Portal
Self-service subscription management. Customers update payment methods, view invoices, and cancel without opening a support ticket.
Flexible Pricing Models
Per-seat, usage-based, flat-rate subscriptions, or one-time purchases. Plans live in one billing schema that checkout and the pricing table both read.
Manage accounts from the Super Admin panel
Admin Panel
Manage your users, organizations, and build your own internal tooling within the app.
Super Admin
See users, organizations, and subscriptions in one dashboard, restricted to super admins.
Account Management
Explore, impersonate users, ban/delete accounts, all without touching the database.
UI you extend, not rebuild
Delightful UI, Built to Extend
Screens for every flow, built from the same Shadcn UI components you will use for your own features.
Landing Page
A landing page template with hero, features, pricing, and call-to-action sections to adapt to your product.
Dashboard/Charts Demo
Dashboard demo components with charts, ready to wire to your own data.
Shadcn UI Components
Every Shadcn UI component pre-installed and themed. Browse, copy, and customize from our built-in dev tools.
Pricing Table
A pricing table generated from your billing config: change a price in one place and the page follows.
Marketing, SEO, and Content
Marketing
Get found by your target audience with blog, documentation, changelog, and more.
Blog
A blog for product updates and SEO content, with per-post metadata and sitemap entries.
Documentation/Help Center
Reduce support load and improve user onboarding with the built-in documentation. Educate users and drive traffic to your product.
Changelog
Keep users engaged with product updates. Announce features, fixes, and improvements in a dedicated changelog.
Debug and Test your SaaS
Monitoring and Testing
Comprehensive monitoring and testing tools to help you keep your SaaS running smoothly.
Playwright E2E Testing
Pre-configured end-to-end tests for critical user flows. Ship with confidence, catch regressions before your users do.
Sentry, Signoz, PostHog, and more
Plug-and-play support for Sentry, PostHog, Signoz, and more. Monitor errors, track analytics, and debug production issues.
Help from the person who wrote the code
Support and Community
Ask me and the MakerKit community on Discord about setup, kit-related issues, and how the codebase fits together.
What customers say
Developers and founders on the kits, the docs and the support. Every quote links to the original post.
just wanna say thanks to @gc_psk for building @makerkit_dev . it is such an overpowered template. like finally we have a really good one with active development, good docs and now even cursorrules/windsurfrules to just sit down and see ai agents do the stuff. truly mindblowing.
Built and maintained full-time by Giancarlo, a software engineer with almost 15 years of experience at startups and enterprises. Support questions reach me directly.
Founder interviews:Rob, Provider.appSebastian, WatchthisMichael, ChatFlow
My favorite so far is @gc_psk and @makerkit_dev ship cursor rules along with updates to the framework. That's been really useful to pull in new version (via git remote) and things stay in sync.
Just started using MakerKit and it's a total game-changer. 🚀 Wish I had this when I was building Phishr. Instant team management and billing? Insane.
Second that! Giancarlo provides amazing support!! 😄
You need to check @makerkit_dev by @gc_psk — it’s the best I’ve seen so far. It’s feature complete, plenty examples, amazing docs, great Discord community, the dude provides support even days after his weeding (which is crazy!) I’m not affiliated in every way, just a happy cx.
Honestly @makerkit_dev is great. More for B2B products but really clean and well documented.
Amazing! @gc_psk has built a masterpiece with this one!
I just stumbled upon @makerkit_dev (and you!), it's impressive, I thought it was a big team behind how many features I saw (and I've been working in software a long time!) I was just looking for a free boilerplate, but the lifetime licence makes it a no brainer. Thank you!
I would have totally agreed with you until… I found @makerkit_dev last year. This is by far, the best boilerplate I found those past years. The dev is pushing new features and updates almost every week. His documentation (specially migrating to Next 15) is the best I’ve seen.
Makerkit is a gem for makers, if I was not building a desktop app I would be using it for sure, maybe for my next project
I landed on MakerKit after getting into boilerplates with ShipFast. Much better.
1000% recommend buying a good boilerplate (or making your own) I use @makerkit_dev it's so good I had an affiliate link, but I can't find it at the moment
For anyone who wants to build their own SaaS, I recommend trying out @makerkit_dev. Thanks to @gc_psk for creating such a fantastic tool that makes building websites a breeze! #SaaS #buildinpublic
We loved the product since when Giancarlo released the first version, and are building upon it ever since for all of our products. Highly recommended for all indie makers out there.
Solid and battle tested boilerplate with an amazing community and support.
Build vs buy
The website is the small part
Marketing pages take a few hours. The product behind them, with accounts and payments, is the part a website template leaves to you. With AI coding tools, that is still 49-81 hours of senior developer time, including fixing the patterns AI got wrong.
- Maintained full-time
- Since 2022
- Kits across 4 frameworks
- 8
- Data layers: Supabase, Drizzle, Prisma
- 3
Build onceBefore your first feature
Authentication (email, OAuth, MFA)6-10 hours
Stripe subscription billing5-8 hours
Teams, roles & invitations6-10 hours
Super admin dashboard4-6 hours
Transactional emails3-5 hours
Marketing pages2-4 hours
Blog & documentation3-5 hours
Project setup (monorepo, CI, TypeScript)2-3 hours
E2E tests (auth and billing flows)3-5 hours
Maintain foreverAfter launch, for as long as it runs
Refactoring AI-generated patterns15-25 hours
Next.js/React version upgradesEvery major release
Security patches & fixesOngoing, unpredictable
Dependency updatesOngoing
Hours with Claude Code or Cursor · bar shows the range on a 0–25h scale
Building it yourself49-81 hoursWith AI tools, including rework
Developer time saved$7,350-$12,150At $150 an hour
With MakerKitDay 1Every row above ships in the kit, and upgrades keep coming
Get lifetime access
Estimates for a senior developer building from scratch with Claude Code or Cursor at $150/hour, including 15-25 hours refactoring AI-generated patterns. Read the methodology
In short
A website starter with a product behind it
Choose it only if the website is the front door to a SaaS. For a site with no product, a free template is the better deal.
What is the MakerKit Next.js website?
The MakerKit Next.js website is the marketing site inside the MakerKit Next.js SaaS kit: landing page, pricing, FAQ, blog, documentation, changelog, and legal pages, in the same app as authentication, billing, and team accounts. Blog and docs content come from Keystatic, WordPress, or Supabase through one CMS interface.
Pages a SaaS needs
Landing page, pricing, FAQ, blog, docs, changelog, contact, and legal pages, already routed and styled.
One CMS interface
Keystatic, WordPress, or Supabase behind the same API, or your own client for Sanity, Contentful, or Strapi.
SEO plumbing
Per-page metadata, a sitemap route, and a documented JSON-LD pattern for marketing pages.
The app next door
Sign-in, billing, and teams live in the same Next.js app, so the pricing page links to a real checkout.
Built for AI coding agents
AGENTS.md and CLAUDE.md files at the root and in each package, rules for Claude Code, Cursor, Codex, and Gemini, and an MCP server your agent can call.
Lifetime license, continuous updates
Pay once, then pull new features, fixes, and framework upgrades into your repository with git. Maintained full-time since 2022.
Best for
- Founders who want the marketing site and the app in one codebase and one deploy
- Developers who want blog and docs content in Git (Keystatic) or in WordPress
- Products that need sign-in and payments soon after the site goes live
Not for
- Brochure sites, portfolios, or blogs with no product behind them
- Marketing teams that want a visual builder for every page
- Anyone looking for a free website template
With and without MakerKit
Without MakerKit: A website template ends at the pricing page
With MakerKit: The pricing page leads to a working checkout
Without MakerKit: Blog content locked to one CMS
With MakerKit: Swap Keystatic, WordPress, or Supabase without rewrites
Without MakerKit: Separate repos for site and app drift apart
With MakerKit: One design system, one deploy, one codebase
Get the website and the SaaS behind it
One-time purchase: lifetime license, continuous updates, unlimited projects of your own.
- Lifetime access to your stack of choice
- Build unlimited applications
- Continuous updates
- Access to the Discord community
- The best support in the SaaS Starter kits market, period.
- Community and Chat support
- Community-based feature requests and Request for Comments. You have a say in what Makerkit should build next.
- One-time payment, no subscriptions
- Includes access to our free Figma UI kit
Choose your Stack
Select the technology stack that best fits your project
Questions about licensing?
Read the MakerKit license terms and the MakerKit FAQ, or contact me.
Questions before you buy
Next.js Website Starter FAQ
Not covered here? Ask in Discord or contact me. Licensing details are in the MakerKit license terms.
Is the Next.js Website Starter a standalone template?
No. It is the marketing site that ships inside the MakerKit Next.js SaaS kit: landing page, pricing, FAQ, blog, documentation, changelog, contact form, and legal pages, in the same Next.js app as the signed-in product. If you want a website with no accounts or billing, a free Next.js template is the better fit.
Where do the blog and documentation content come from?
From a CMS interface with three built-in implementations: Keystatic (local files or GitHub), WordPress, and Supabase. You can switch between them without rewriting data fetching, or write your own client for Sanity, Contentful, or Strapi.
What SEO work is already done?
Per-page metadata, a sitemap route, and a documented pattern for JSON-LD structured data on marketing pages. Keyword research, content, and backlinks are still your job.
Can I keep my marketing site on Framer, Webflow, or WordPress?
Yes. The kit documents a proxy configuration that sends marketing routes to an external website while MakerKit serves the application.
Why buy a SaaS kit if I only need a website today?
Only buy it if the website is the front door to a product. Then auth, billing, and teams sit next to your pages from day one, and the site and app share one design system and one deploy. If the site will stay a brochure, do not buy MakerKit.
Is MakerKit a one-time purchase or a subscription?
A one-time purchase. You get a lifetime license to the source code, continuous updates for the stack you bought, and unlimited projects for your own business, with no renewal fee. Building products for clients requires a Team license, and each client that receives the code needs their own license.
What support is included?
Discord support from me, Giancarlo, the founder who works on MakerKit full-time, and from the community. I help with setup, kit-related issues, and questions about the codebase. Team licenses add a private Discord channel for your team.
Launching a SaaS, not just a website? Start here.
You get the Next.js website and the product behind it in one codebase: pricing page, checkout, accounts, and teams. Buy it when the site is the front door to an app.
Read the Next.js kit docsClaude CodeCursorGeminiAsk your agent