Changelog

In version 2.18.0, we shipped:

1. Better invitations flow user experience: we have fully streamlined the invitations flow, making it faster and more user-friendly
2. New components: we have added the new components released in Shadcn UI
3. Architectural improvements: we have improved some internals to avoid setting webhooks when sending emails. This makes setting up your instance easier and faster

Better invitations flow user experience

We have fully streamlined the invitations flow, making it faster and more user-friendly.

New Shadcn UI components

We have added the new components released in Shadcn UI, i.e. Input Group, Button Group, Spinner, Item, Field and Keyboard Shortcut.

These components are available in the Dev Tool for you to test and learn how to use in your application.

Several screens in the application have been updated to use the new components.

Architectural improvements

We have improved some internals to avoid setting webhooks, required for dispatching emails following actions such as inviting a member, or deleting a personal account. This makes setting up your instance easier and faster. The kit now only requires one database webhook, down from three.

We've released Makerkit 2.16.0 for the Next.js Supabase Turbo kit!

The major highlight of this version is the introduction of the Feature Policies API. We've also added integrations for Paddle (alternative to Stripe), Signoz and PostHog as alternatives to Sentry.

Thanks to Makerkit's modular architecture, building new integrations is not only simple but incredibly powerful. Unlike other SaaS Kits, we think you should be able to plug and play your providers - rather than get stuck with a rigid architecture that doesn't allow you to easily change third parties.

Feature Policies API

The Feature Policies API is a declarative way to define behavior that you can customize. It's a great way to add custom behavior to your application without having to modify the core code.

Please check out the blog post to understand how it works.

At this time, we migrated the invitations flow to use the Feature Policies API. More flows will be migrated to it in the future, allowing easier customization of your application without the need to modify the core code.

Paddle (payments)

The Paddle integration allows you to use Paddle as your payment processor, as an alternative to Stripe and Lemon Squeezy (our built-in payment processors).

Paddle is a Merchant of Record, meaning that you can use Paddle to manage your payments and subscriptions without having to worry about VAT and other compliance requirements.

Please check out Paddle documentation for more information.

Signoz (error tracking)

The Signoz integration allows you to use Signoz, an open-source monitoring tool, as a way to monitor traces and exceptions across your entire application.

Please check out Signoz documentation for more information.

PostHog (error tracking, analytics)

The PostHog integration allows you to use PostHog as both your analytics tool and error tracking tool. While we've supported analytics for a long time, we've extended the PostHog plugin to allow using Posthog as a monitoring tool, making it possible to track errors and customer events across your entire application with ease.

Please check out PostHog monitoring documentation and PostHog analytics documentation for more information.

In version 2.15.0, we introduced various updates to our MCP Server that unlock new functionalities when working with AI Agents such as Claude Code.

Here's what we added:

• Claude Code sub-agents: specialized agents that are automatically invoked by the main agent when needed, or can be called manually
• PRD tool: the MCP server now includes lightweight PRD (Product Requirements Document) functionality that helps AI Agents organize tasks more systematically, resulting in better outputs
• MCP Server improvements: the Database tool now calls Postgres directly instead of relying on schema files. This improves accuracy by gathering information from the database itself
• MCP Server UI: we added a UI to the Dev Tools application that uses the MCP Server. This is useful for developers to test the MCP Server and see the tools it provides. At this time, it shows the current status of your PRDs and a Database explorer
• CLAUDE.md and AGENTS.md refinements. We keep improving rules for optimzing the accuracy of AI code generation
• Dependency Updates: as usual, we keep dependencies up to date with the latest versions

In addition to the MCP Server improvements, we added a new post to learn the best practices for vibe-coding with AI Agents and Makerkit that shows how to use PRDs with Claude Code and Makerkit to build a SaaS faster, with better results with AI Agents.

Update today to unlock the full potential of AI Agents in Makerkit!

MCP Server

The new Makerkit MCP Server is a set of tools that help AI Agents understand the codebase and work with it in a more efficient way.

AI Agents will automatically use the MCP Server to work with the codebase, all you need to do is add the MCP Server to your AI Tool (see documentation for each AI Tool).

The MCP Server is available in the packages/mcp-server directory.

You can read more about it in the MCP Server documentation.

Expanded AI Agents support

In addition to the existing AI Agents support for Cursor, Claude Code, Codex, Github Copilot, Junie and Windsurf, we have added support for Gemini, which is set to follow the AGENTS.md file.

As a result, Makerkit now supports all the major AI Agents.

Optimized LLM rules

The LLM rules have been optimized to provide better context to AI Agents. We achieved this by splitting the root agent files (CLAUDE.md, AGENTS.md, etc.) into smaller, focused documents in the sub-directories where the AI Agent is traversing.

The result is: less context is sent to the LLM, but the context is more focused and relevant, and therefore better results.

Additional Triggers

We have added a migration that automates certain fields in the database to be updated when an entity is created or updated, which includes the properties created_at, updated_at, created_by and updated_by.

This is useful to keep track of who created or updated an entity, and when.

Other changes

1. Dependencies: We have updated the dependencies to the latest versions.
2. Baselime deprecated: We have deprecated the Baselime integration. You can use the Sentry or Posthog integrations instead, or easily build your own integration for your monitoring provider of choice.
3. Data Table improvements: We have improved the Data Table component and added examples for sorting data
4. Bugs: We have fixed a bug where in certain cases, the billing portal button would appear twice in the billing page.

Custom Dashboards

Transform your Supabase data into powerful, personalized analytics interfaces with our new Custom Dashboards feature.

What's New

Three Widget Types

• Charts: Bar, line, and area visualizations
• Tables: Full Data Explorer functionality embedded
• Metrics: KPI displays with trend comparisons

Key Features

• 4-step guided widget creation wizard
• Drag-and-drop dashboard layouts
• Multiple dashboards with tabbed navigation
• Role-based sharing with granular permissions

Perfect For

• Executive reporting and KPI monitoring
• Operations dashboards and system health
• Customer support data analysis
• Marketing analytics and campaign tracking

Custom Dashboards are available now for all Supamode users!

Read the full announcement →

We're excited to announce the latest version of Makerkit for Next.js, which brings the following updates:

1. 🎨 Components Showcase
   • Added interactive component library in Dev Tool (/components)
   • 35+ component stories with live examples and documentation
   • Organized by category: Forms, Data, Navigation, Feedback, Layout
2. ⚡ Next.js 15.5
   • Upgraded to Next.js 15.5 with Turbopack builds (beta)
   • Enhanced TypeScript support and Node.js middleware (stable)
3. 📊 Enhanced Data Tables
   • Migrated advanced table features from Supamode
   • New Features: Column pinning, column visibility, sticky headers/footers
   • New Hooks: useColumnManagement(), useColumnVisibility()

For more details, check out the Blog Post.

We're excited to announce the latest version of Makerkit for Next.js, which brings the following updates:

1. Added support for the new Supabase JWT signing keys for increased security and performance
2. Updated to latest Next.js 15.4 version
3. A more flexible billing system

Enhanced Supabase JWT Security

• JWT Signing Keys: Introduced new JWT signing keys for Supabase following the latest security best practices
• Enhanced authentication security with improved token validation
• Increased performance thanks to the caching system introduced using the getClaims method
• Read more about JWT signing keys

Next.js 15.4 Upgrade

• Next.js 15.4: Updated to the latest Next.js version with performance improvements and bug fixes
• Enhanced development experience with latest Next.js features
• See what's new in Next.js 15.4

More Flexible Billing System

• Mixed Billing Support: Billing system now supports using subscriptions and lifetime orders together
• Enhanced billing flexibility for different customer needs

Very excited to announce the open beta of Supamode, a super admin panel for Supabase. Supamode adapts to your Supabase database schema and allows you to manage your database as easily as a CMS.

Supamode complements the Makerkit SaaS Starter Kit in our quest to helping founders build and run a SaaS business.

While the Makerkit SaaS Starter Kit helps you to go from zero to production, Supamode is a super admin panel for Supabase once you have your database up and running.

Supamode has the following features:

• 🔒 Enterprise-grade permissions system
• 🔍 Powerful data exploration
• 📝 Flexible data editing
• 🔗 Visual relationship management
• 📦 Storage and file management
• 🚦 Activity audit and change history
• 🛠️ Extensible and self-hostable

Supamode is released as a new product in the Makerkit family - currently discounted 40% while in beta.

For more details, check out the Supamode documentation.

We've just rolled out three new authentication features that will make your users' lives easier (and reduce your support tickets).

Here's what's new in Makerkit in version 2.11.0:

• Identity Linking - Users can now link multiple login methods (email, Google, GitHub) to the same account, preventing duplicate accounts and login confusion.
• OTP Sign-In - Added one-time password support as an alternative to magic links. Solves issues with email scanners auto-clicking magic links (common with Outlook/Hotmail).
• Sign-In/Sign up Hints - Shows helpful hints during sign-in and sign-up if users logged in in the past
• Legacy Plans Support - Fetches plan details from payment provider if plan is removed
• Minor improvements - Some bug fixes and minor improvements, such as pagination meta links for the Blog for better SEO
• Dependency Updates - Updated dependencies to latest versions for security and performance improvements.

Benefits

• Reduced support tickets for auth and billing issues
• Better user experience during sign-up/sign-in
• Cleaner plan management without breaking existing billing
• More reliable email-based authentication

Read the full 2.11.0 release blog post for more details on how to implement these features in your Makerkit app!

Welcome to Makerkit 2.10.0! This release is all about making your SaaS development journey smoother, especially when building with AI tools. We've rolled out comprehensive AI agent documentation and made significant under-the-hood improvements to keep your development experience rock-solid.

AI-First Development Support

We've added dedicated documentation and tooling to help you build alongside AI assistants more effectively:

New AI Agent Documentation

• CLAUDE.md: Complete guidance for working with Claude Code in your Makerkit projects
• Agents.md: Best practices for AI-assisted development workflows with Open AI Codex

These files help AI assistants understand your Makerkit codebase better, leading to more accurate code suggestions and faster development cycles.

I have added a blog post about how I vibe-coded an AI Content Repurposer SaaS with Claude Code and Makerkit. Check it out!

UI Component Improvements

• Updated Shadcn UI Calendar component to the latest version
• Enhanced Markdoc table styling for cleaner documentation rendering
• Many minor bugs and issues fixed

Technical Improvements & Behind-the-Scenes Work

Here's what we've been working on to keep Makerkit running smoothly:

Dependency Management & Security We've been busy keeping your dependencies fresh and secure:

• Multiple dependency updates across all packages for improved stability
• Minor fixes identified and resolved through Snyk reporting

This might sound like boring maintenance work, but it's the foundation that lets you focus on building amazing features instead of wrestling with technical debt.

Looking Ahead 🎉

This release sets the foundation for even better AI-assisted development experiences. We're continuing to refine the developer experience based on your feedback and the evolving landscape of modern web development.

What's exciting is how these improvements compound over time - better AI documentation means faster development cycles, which means you can focus more on building the features your users actually want.

✨ With this release, Makerkit now offers dedicated support for all the major AI tooling, such as: Cursor, Windsurf, Junie, Claude Code and OpenAI Codex.

Did you know? We're also working hard on bringing a new CMS for Supabase to our product offering. Stay tuned!

While it was always possible to deploy Makerkit anywhere, we now have first-class support for Docker, Cloudflare, and self-hosting on VPS.

Added first-class deployment support for multiple platforms:

• 🐳 Docker configurations with optimized containers for local and production use
• ☁️ Cloudflare Workers integration for edge deployment using OpenNext
• 🖥️ Self-hosting guide for VPS deployment with complete setup instructions

Generate platform-specific configurations with our new Turbo generators:

npx turbo gen docker
npx turbo gen cloudflare

Comprehensive documentation for each platform now available in our docs:

• Docker
• Cloudflare
• VPS

Version 2.8.0 brings new features and improvements, and updates to the Stripe integration:

1. Security: Strict Content Security Policy headers (optional)
2. Stripe: Added support for Basil (v18)
3. Super Admin improvements
4. LLMs: Cursor improvements
5. Staying up to date: All dependencies have been updated to their latest versions.

Content Security Policy (CSP)

We've added a way to define stricter Content Security Policy headers for your site. If enabled (it is not enabled by default), the application will send strict CSP headers that will increase your application's overall security by protecting against a variety of attacks.

It's as easy as defining the following environment variable:

ENABLE_STRICT_CSP=true

Enabling CSP will require more adjustments to your code, so it's not enabled by default.

Stripe Basil (v18)

We've updated the Stripe integration to use Stripe Basil's release.

This Stripe release came with a few breaking changes, so we've updated the Stripe integration to support the new version.

The Makerkit changes are retro-compatible, so you can continue to use the old version of the Stripe integration.

Super Admin improvements

Super Admins can now:

1. Create Users straight from the Super Admin dashboard.
2. Reset user passwords straight from the Super Admin dashboard.

These changes are meant to help your non-technical team members that don't have access to the Supabase Dashboard.

Cursor Improvements

The Cursor rules have been enriched with security rules and other improvements that should help the LLMs write better code and help you build your SaaS faster and more securely.

Dependency Updates

All dependencies have been updated to their latest versions.

We've released a new version of the Makerkit Turbo kits, with exciting new improvements!

✨ Supabase Declarative Schema: Say Goodbye to Migration Headaches

After many late nights and way too much coffee, we've added full support for Supabase's Declarative Schema approach!

• No more migration chaos: Just write your schema once and let the tooling figure out the rest
• Your database, but make it readable: Schema files you can actually understand six months later

🔥 Next.js 15.3.0: The Good Stuff

We've upgraded to Next.js 15.3.0, and there's a lot to love:

• Turbopack builds are finally usable: 99% test pass rate and FAST (like, "time for another coffee? nope, already built" fast)
• Rspack support if that's your thing: Experimental but works great if you need Webpack compatibility
• Analytics when it actually matters: New client instrumentation hook for catching those early user interactions
• Navigation hooks that don't suck: onNavigate and useLinkStatus for all those edge cases
• TypeScript that doesn't melt your computer: Better support for massive codebases

What You Actually Care About

• Ship faster: Both features mean less time fighting your tools
• Code you won't hate in 3 months: Cleaner schemas, better TypeScript support
• More speed, less waiting: Next.js optimizations that you get for free

Where to find stuff

• Declarative Schemas
• Next.js 15.3.0

As usual, please let me know if you have any questions or feedback in our Discord server!

The new release brings significant performance improvements and new features to the kits Next.js and React Router 7. This update is a major milestone in our journey to provide a more robust and performant kit for our customers.

🚀 New Features & Improvements

• Marketing Layout: Significantly improved rendering performance by retrieving user session from cookies instead of making server-side requests
• Links Pre-fetching: Added pre-fetching to marketing navigation for faster page transitions
• Authentication Improvements:
• Added "redirecting" state when signing in to maintain loading state during Next.js redirects
• Pre-fetching of sign-in/sign-up pages for smoother authentication flows
• Added new pending state to MFA verification form for better UX
• The Data Loader now supports more complex queries using the Supabase Query Builder
• Thanks to the data loader improvements, the Super Admin section supports searching accounts by both name and email

🐛 Bug Fixes

• Fixed i18n support for regional language variants (e.g., en-US, fr-CA)
• Currency formatter now correctly defaults to the region when available
• Optimized page transitions using useCallback to prevent double tracking when switching pages

📦 Dependency Updates

• React 19.1.0: Updated to the latest React version with improved performance and stability
• Various other package updates to ensure security and compatibility

📝 Technical Notes

The performance improvements on the marketing layout provide a noticeable speed boost by avoiding unnecessary server-side requests. Authentication flows now feel much smoother with the added states and pre-fetching.

The latest version of React Router 7 is now available. This version brings many improvements and new features to the router, including:

Introducing React Router 7 Kit: The Evolution of the Remix Kit

We're excited to announce the release of our React Router 7 + Supabase SaaS Kit! This new kit represents the natural evolution of our popular Remix Kit, built to leverage the power and simplicity of React Router 7 while maintaining the robust feature set you've come to expect.

React Router 7 brings the developer experience we loved in Remix to a more flexible architecture. As the Remix team has moved core routing functionality into React Router, we've followed suit to give you:

• A more lightweight and flexible foundation
• Better integration with the wider React ecosystem
• Comparable performance with less framework overhead
• The same excellent developer experience

Key Improvements in React Router 7

• TypeScript Excellence: Fully leverages React Router 7's improved type system for better development experience and type safety
• Consolidated Imports: All router functionality imported directly from 'react-router'
• Centralized Routing Configuration: Moved from file-based routing to a powerful configuration-based approach in routes.ts
• Enhanced Performance: Optimized for faster loading and rendering with React Router 7's new architecture
• Simplified Migration Path: Familiar patterns for Remix users with streamlined APIs
• Feature-Parity with our Next.js Kit

Same Great Features

The kit retains all the beloved features from our Remix version:

• Multi-tenant SaaS architecture with team management
• Complete authentication flows with Supabase Auth
• Subscription management and billing integration
• Comprehensive admin functionality
• Marketing site with blog and documentation
• Dark/light mode support

Getting Started

Whether you're coming from our Remix Kit or starting fresh, you'll find the React Router 7 Kit intuitive and powerful. We've provided comprehensive migration documentation to ease the transition for existing users.

Check out the documentation to get started, or browse the GitHub repository for more information.

Following the update of the Cursor Rules using the new .cursor/rules format, we have revamped and improved our existing Cursor rules. The new rules cover more details and provide more guidance for Cursor's LLM to generate Makerkit-specific code.

To update, simply pull the latest changes from the main branch.

Going forward, we will continue to refine and improve the Cursor Rules to provide even more guidance and support for AI-generated code.

In the meantime, we encourage you to experiment with the new Cursor Rules and add your own rules related to your specific project. This will considerably improve the quality of the generated code and make it more tailored to your specific needs.

The version 2.5.0 of Makerkit is now available. This release includes several enhancements to the Makerkit Super Admin and RLS (Row Level Security) features:

1. RLS When a use opted-in to MFA, our new RLS rules will be enforced at the database level, not only at the application level
2. Super Admin The Super Admin user will be required to use MFA to access the Super Admin panel. This is to ensure that the Super Admin user is not compromised by a malicious user who can access the Super Admin panel without MFA
3. Tests: we have enriched the E2E tests with tests for the Super Admin and MFA features

New DB functions

In addition, we have added two more DB functions you can use throughout your application:

1. public.is_super_admin(): Returns true if the authenticated user is a super admin
2. public.is_mfa_compliant(): This function return true if the user opted in to MFA and has logged in with MFA or the user has not opted in to MFA. This makes MFA optional for users, but mandatory for users who opted into MFA.

Super Admin

If you have a Super Admin user, please make sure to enable MFA for the user otherwise it won't be possible to access the Super Admin panel and its features.

We've added One-Time Password (OTP) verification to protect sensitive operations in Makerkit, giving your users an extra layer of security. Instead of just asking users to type a confirmation, they'll now receive a unique code via email that expires after use.

For technical information, check out the OTP API documentation.

What's new?

• Postgres-powered OTPs: Built directly into your Supabase database - no external services needed!
• Email verification: New email template for sending OTP codes
• Protected operations: Secure account deletion, team deletion, and ownership transfers
• Developer-friendly API: Simple interfaces to implement OTP verification anywhere in your app

Protected operations

OTP verification now secures these critical actions:

• Personal account deletion
• Team account deletion
• Team ownership transfer
• ... ability to extend your own custom operations

Easy to use in your custom features

We've designed this system to be incredibly simple to reuse throughout your application:

// 1. Request an OTP to be sent to the user's email
<VerifyOtpForm
  purpose={'delete-personal-account'}
  email={'user@example.com'}
  onSuccess={(otp) => {
    // store OTP and send to Server Action
  }}
/>
// 2. Verify the OTP when the user submits it
const client = getSupabaseServerClient();
const otpApi = createOtpApi(client);
const otpResult = await otpApi.verifyToken({
  token: otp,
  userId: user.id,
  purpose: 'delete-personal-account',
});
if (!otpResult.valid) {
  throw new Error('Invalid OTP');
}

You can easily integrate OTP verification into:

• Payment confirmations
• User permissions changes
• API key generation
• Password changes
• Any sensitive data access or operations

The system handles all the complexities of generating secure tokens, sending emails, verifying submissions, and cleaning up expired tokens - you just need to call the API and provide the necessary information.

Developer benefits

• Easy to extend: Protect any sensitive operation in your app with the same system
• Self-contained: No additional services or dependencies required
• Complete implementation: Includes database setup, email templates, and verification flows

Welcome to our latest release of Next.js Supabase Turbo 2.3.0!

This release includes the initial release of the Makerkit Dev Tools and various bug fixes.

Makerkit Dev Tools

We've added a new Makerkit Dev Tools to help you debug and develop your Next.js Supabase Turbo app:

1. Connectivity
2. Environment Variables
3. Emails
4. Translations

1. Connectivity Checks

The Dev tools connectivity checks will automatically verify connectivity based on the environment variables provided.

2. Environment Variables

View, validate and understand the environment variables used in your app. It's notoriously difficult to debug issues when the environment variables, especially when they're overridden. Our Dev Tools now make it easier to see what's happening.

3. Emails Preview

View and test emails from your main app directly in the browser. You can also send a test email straight from the Dev Tools.

4. Translations

View the translations used in your app.

Coming Soon...

We plan on improving and extending the Dev Tools with more functionality, such as:

1. Automatically validating Stripe settings
2. Automated AI Translations
3. Supporting more connectivity checks
4. AI Tooling

Welcome to our latest release of Next.js Supabase Turbo 2.2.0!

This is a large release in the kit, with a focus on upgrading to EsLint v9, the Registry API, and several other improvements. Here are the key changes:

EsLint v9

We've upgraded to EsLint v9 and the flat file format. This is an effort to make sure the Makerkit tooling is up to date with the latest best practices.

Registry API

We're excited to introduce the Registry API, a new feature that provides a type-safe, flexible way to manage multiple implementations of core services in your Makerkit application.

• Type-safe Registry API: A new abstraction that allows you to manage multiple implementations of services (CMS, billing, etc.)
• Lazy Loading: Implementations are loaded only when needed, reducing initial bundle size
• Runtime Configuration: Easily set up and configure implementations after initialization
• Multiple Provider Support: Seamlessly work with multiple providers for the same service

Example Usage

const billingRegistry = createRegistry<BillingImplementation, 'stripe' | 'lemon-squeezy'>();
// Register implementations
billingRegistry
  .register('stripe', async () => {
    const { StripeImplementation } = await import('./stripe');
    return new StripeImplementation();
  })
  .register('lemon-squeezy', async () => {
    const { LemonSqueezyImplementation } = await import('./lemon-squeezy');
    return new LemonSqueezyImplementation();
  });
const stripe = await billingRegistry.get('stripe');

Previously, switching between different implementations required using a switch statement or a series of if-else statements. This made it difficult to add new implementations or remove existing ones without breaking the code.

• Cleaner Architecture: A standardized way to handle multiple implementations
• Better Developer Experience: Full TypeScript support and intuitive API
• Improved Maintainability: Easier to add new implementations and manage existing ones

Several Other Improvements

We also applied some bug fixes and made several other minor improvements to the kit.

Welcome to our latest release of Next.js Supabase Turbo 2.1.0.

In this update, we have implemented a number of improvements and enhancements across the board to increase performance, usability, and reliability. Take a look at the key changes below:

What's Changed

Here are the key changes in this release:

• Sidebar Toggle & Header Redesign: Added a button to close the sidebar and redesigned the Page Header.
• Password Manager Support: Improved form usability by refactoring the password sign-up flow. This adds better support for password managers so they can prompt users to save their password.
• Display metered price in pricing table: This adds the ability to display a metered price in the pricing table using the format "Starting at $<x>/<unit>", for example "Starting at $0.001/MB".
• Improve Sidebar Navigation: Refactored sidebar navigation to better position render actions.
• Hidden Product Option: Introduced a hidden product option within billing components. This is useful when you have retired a product and don't want to show it in the UI.
• Updated Figma UI Kit: Updated the Figma UI Kit to the latest design version.
• Updated Dependencies: Performed further dependency upgrades to the latest versions.

Stay tuned for more updates and improvements!

We're super excited to release the Figma UI Kit for Makerkit! ✨

This is a free release available to everyone, at no additional cost.

• Dark Mode: Design in comfort with our sleek dark mode setup.
• Multiple Themes Using Variants: Switch themes effortlessly, ensuring your designs are versatile and adaptable.
• New Components Added: We've included essential components like Badge and Alert, so you don't have to start from scratch.
• Makerkit-Specific Components: Designed with Makerkit in mind, these components are built to integrate seamlessly into your workflow.
• Comprehensive Pages: From Marketing to Authentication, User Workspace, and Team Workspace, including dialogs - we've got you covered.
• Based on TailwindCSS v4: We designed the UI kit using the latest design theme with TailwindCSS v4.

💡 Why You'll Love It:

• Save hours of design time by leveraging pre-built, customizable components.
• Ensure consistency across your entire project with our carefully curated UI elements.
• Perfect for both individual designers and teams looking to streamline their workflow.

🔗 Get Started:

Enough talk, let's see the kit in action!

Visit the Figma UI Kit and start designing your next project! 🚀

We've finally upgraded TailwindCSS to v4. This update brings a lot of new features and improvements, and speed up your development process.

This new release is a major upgrade to the kit, including a better-looking theme (especially dark mode).

The new release includes:

1. Updated TailwindCSS v4 and updated the Shadcn UI configuration to use the new CSS variables-based configuration
2. Updated components and layouts to best use the TailwindCSS v4 spacing system
3. Updated the kit's default theme to use a *much better-looking dark mode
4. Updated the layout of the Authentication pages

Updating TailwindCSS v4

• To use TailwindCSS v4, pull the latest changes from the kit. If you want to update manually, please check out our migration guide.
• To retain your existing theme styles, please update the apps/web/styles/shadcn-ui.css file and replace it with the values in your current apps/web/styles/global.css file.

Maintenance Branch

As this is a major change, we've created a new branch called maintenance where we backport fixes from the main branch to the maintenance branch.

If you're not ready to upgrade yet, please pull changes from the maintenance branch. This branch will be updated with the latest changes, but will not be merged to main for a while.

We're thrilled to announce our new React Native Expo Kit - a free, open-source starter kit to help you build mobile apps that integrate seamlessly with your Makerkit SaaS!

What's Included 📱

• Complete Expo + Turborepo infrastructure setup
• Authentication and protected routes
• User profile management
• TypeScript, ESLint, Prettier preconfigured
• Styled with Nativewind
• Looks and feels just like Makerkit Pro

Key Points to Note 🔑

• Completely free and open source - no license required
• Can be used standalone or alongside Makerkit Pro
• Team features coming soon

Getting Started 🏃‍♂️

Check out the documentation to start building your mobile app today.

Happy coding! 🎉

We're excited to announce improved support for Cursor and Windsurf, the hottest AI editors in town. These improvements make it easier than ever to leverage AI assistance while working with Makerkit's codebase.

Cursor Support

• Cursor Rules: We've added specialized rules that help Cursor better understand Makerkit's architecture and patterns.
• Cursor Guide: Check out our blog post about building a SaaS with Cursor and Makerkit.

Windsurf Support

Additionally, we've added support for Windsurf, another incredible AI Editor:

• Windsurf Rules: We've added specialized rules that help Windsurf better understand Makerkit's architecture and patterns.
• Windsurf Guide: Check out our blog post about building a SaaS with Windsurf and Makerkit.

Dedicated LLM Rules 📋

We've added specialized rules that help Cursor and Windsurf better understand Makerkit's architecture and patterns. This means:

• More accurate code suggestions
• Better context awareness when navigating the codebase
• Fewer AI misunderstandings of Makerkit patterns

What This Means For You 🎯

• Faster Development: Get more accurate code suggestions as you work
• Better Learning: Receive more contextual help when exploring the codebase
• Reduced Friction: Fewer errors while working with AI assistance

We've released an open source version of Makerkit (Next.js and Supabase), ideal for developers looking to understand Makerkit's file structure and code quality. And why not, use it as the foundation for your own SaaS.

The kit includes:

• 🏗️ Next.js 15 + Turborepo monorepo setup
• 🎨 Shadcn UI components with TailwindCSS
• 🔐 Supabase authentication & basic DB
• 🌐 i18n translations (client + server)
• ✨ Full TypeScript + ESLint + Prettier configuration

I plan on open sourcing more of Makerkit in 2025, while maintaining amazing value for the Pro and Teams plans. So, stay tuned!

The kit is available on GitHub and is MIT licensed.

We've released a guide for using Drizzle with Makerkit Turbo v2.

Drizzle is a TypeScript ORM that provides type-safe database queries with great developer experience. It's an excellent choice for Next.js applications that use Supabase for interacting with the database.

Check out the Drizzle Support guide for more information.

This website now uses Makerkit Turbo v2! 🎉

Makerkit has been around for a few years now. The previous website was based with the very first version of Makerkit. This meant that I could not use the innovations of the new kits into this website, such as: the Testimonials plugin, the Roadmap plugin, actual previews for the components, the Analytics plugin, and more.

After 2 weeks of work, I managed to update the website to use the new version of Makerkit Turbo.

This update opens the doors for plenty more features to this website and tools for the community, which will be released soon.

Thanks to the Makerkit community for their support and contributions!

It was only two updates ago that I released the update for Makerkit's Sidebar. The update included a new minimized/collapsed behavior that allows the sidebar to expand upon hovering it.

Little did I know that Shadcn was releasing a new Sidebar component, which is a more powerful and modern design.

As such - we've updated the sidebar to use the new Shadcn Sidebar (plus, all the additions that existed in our previous sidebar).

The new design is nicer, more polished, and the new component allows you to compose your sidebar for a much more powerful experience.

Check out the Blog post announcement for more information.

Vercel has finally released Next.js 15, which is a major update to Next.js. Makerkit has been kept up to date with the latest version of Next.js, therefore we're ready to use the latest features and improvements on the very same day.

What's new in Next.js 15?

1. Much improved Turbopack performance
2. The new React Compiler, speeding up and improving the development experience
3. Caching is now less aggressive and more conventional, resulting in an improved DX
4. Better Server Side Monitoring using the new Instrumentation API
5. General improvements and fixes, and dependencies updates

For more information, please check out the Update to Next.js 15 guide. If you find difficulties, please head to our Discord server; we have a mega-thread dedicated to upgrading to Next.js 15.

By popular demand, we've added a new feature to the sidebar: the ability to keep it collapsed and offer more real estate for your app.

Similarly to important services such as Supabase or OpenAI, Makerkit's sidebar can now be collapsed, and expanded upon hovering it.

This is great for those SaaS who need the maximum space for their app, but don't want to clutter the screen. The sidebar's background is translucent, so it blends in with the background and offers a stylish look.

This is not the default behavior (for retro-compatibility reasons), but you can enable using environment variables.

For more information, please check out the Layout documentation.

I am announcing the release of Recipes: recipes are step-by-step guides that stem from common requests from customers to extend Makerkit with new features.

As Makerkit is a Starter Kit, it needs to work for everyone. By baking certain features into the kit, we may make it easier for some, but harder for others. The goal is to for the kit to be as flexible as possible, and to make it easy for developers to extend it with their own features.

Recipes are a way to make this possible. They are step-by-step guides that show how to extend Makerkit with new features. Recipes are a great way to get started, and they can be used as a reference for future projects.

We start with five recipes:

1. Team Accounts Only: A recipe that shows how to build a SaaS with team accounts only, and hide away the personal account workspace. This is ideal for those who don't want to show the personal account workspace to their customers.
2. Checkout after signup: A recipe that shows how to add a checkout flow after the user signs up. This is ideal for those who want to gate access to the app until the user has completed the checkout. This also includes an onboarding flow.
3. Projects Data Model: A recipe that shows how to add a projects data model to the SaaS. This is ideal for those who want to add Projects/Workspaces to their SaaS.
4. Stripe Checkout Addons: A recipe that shows how to add Stripe Checkout Addons to the SaaS. This is ideal for those who want to stack multiple plans on top of each other.
5. Subscription Entitlements: A recipe that shows how to add subscription entitlements: this helps customers manage what features they can access based on their subscription plan.

These recipes will be updated regularly, and it's likely that we will add more based on common requests from customers.

We're excited to introduce our new Analytics Package, a powerful addition to the Makerkit SaaS starter kit. This update brings a flexible, provider-agnostic Analytics API and an App Events System, allowing for seamless integration with various analytics services.

The package introduces automatic page view tracking for Next.js applications and includes built-in support for popular services like PostHog, Umami, and Google Analytics. Developers can now easily track user behavior with pre-configured events for sign-ins, sign-ups, checkout initiations, and profile updates.

Our new API simplifies user identification and custom event tracking, while the centralized event handling system keeps your analytics logic clean and maintainable. The package's extensible design allows for easy implementation of custom analytics providers, adapting to diverse SaaS analytics needs.

To support a smooth integration process, we've provided comprehensive documentation detailing the new features and implementation guidelines. This update significantly enhances the analytics capabilities of Makerkit projects, offering developers greater insight into user behavior and app usage.

To learn more about the new Analytics package, check out the Analytics Package announcement.

🎉 We're excited to announce the release of our new Dashboard Design, featuring a fresh look and enhanced functionality to help you manage your projects more efficiently.

Updated using Shadcn UI Charts, the new dashboard demo offers new Charts and Widgets you can use as starting points for your own custom dashboards.

The new design updates include: updated navigation using Breadcrumbs, improved dark mode colors, improved sidebar layout, and new components!

Check out the new Dashboard Design in our Live Demo and let me know what you think!

🌟 Get Feedback and Showcase Your Project's Development Timeline with the Roadmap Plugin.

We're excited to announce the release of the Roadmap Plugin, a powerful tool for managing and sharing your project's development timeline. With the Roadmap Plugin, you can easily create and update a roadmap for your project, allow customers to see what features are coming up, and get feedback on your plans.

1. Display your roadmap: Showcase your project's development timeline using two views: List or Kanban. The List view provides a simple list of features and their status, while the Kanban view offers a more visual representation of your roadmap.
2. Get Feedback: Your customers can propose and vote on features they'd like to see implemented, helping you prioritize your development efforts.
3. Manage your roadmap: Easily add, edit, and delete features from your roadmap, and update their status as they progress through development.

Read more about the Roadmap Plugin in our announcement post.

We've introduced a powerful set of Marketing Components to help you build stunning landing pages with ease. These reusable UI components are designed to make creating captivating, responsive marketing websites faster and more intuitive.

Additionally, I redesigned the kit's landing page to use these components, showcasing their capabilities and flexibility.

• Hero: Create eye-catching above-the-fold content with customizable title, subtitle, CTA, and feature highlight pill.
• FeatureShowcase: Highlight your product's best attributes in a visually appealing layout.
• FeatureGrid and FeatureCard: Organize and present product features in a clean, structured manner.
• SecondaryHero: Add emphasis to multiple key points on your landing page.
• Header and Footer: Polish your page with sleek navigation and informative footer sections.
• CtaButton: Drive user engagement with eye-catching call-to-action buttons.
• GradientText and GradientSecondaryText: Add a modern touch to your typography with customizable gradient effects.
• NewsletterSignup: Encourage users to subscribe with a stylish newsletter signup form.

These components work seamlessly together, allowing you to construct professional-looking landing pages in minutes. They're fully customizable and responsive, ensuring your pages look great on all devices.

Checkout the Marketing Components documentation for detailed usage instructions and examples.

🌟 Showcase customer love with our new Testimonial Plugin

The Testimonial Plugin for Makerkit is here to make your life easier and showcase your testimonials for free, with no limitations and full customization.

• Testimonial Component: Display reviews in various styles
• Submission Forms: Collect text or video testimonials from users
• Admin Panel: Manage, approve, and curate testimonials
• Manual Entry: Add testimonials received through other channels
• Wall of Love: Create an eye-catching display of your best feedback

Save on third-party services and fully customize to match your brand. Learn more about the Testimonial Plugin..

🎭 Create dynamic, validated multi-step forms with ease

• Flexible Structure: Build forms with any number of steps
• Built-in Validation: Seamless integration with Zod for per-step and overall form validation
• Smooth Transitions: Animated step transitions for a polished user experience
• React Hook Form Integration: Leverages the power and simplicity of react-hook-form
• Customizable UI: Compatible with Shadcn UI components for consistent styling
• Context Provider: Easy access to form state and navigation methods
• TypeScript Support: Fully typed for a robust development experience

Simplify complex form creation while ensuring data integrity. Learn more.

🎓 Learn to build a SaaS product from scratch with our comprehensive guide

• Hands-on Project: Build a Customer Support helpdesk app
• Tech Stack Deep Dive: Master Next.js App Router and Supabase
• Full SaaS Lifecycle: From setup to production deployment
• Customization: Tailor your app's design to your brand
• Real-world Application: Create features usable in your own SaaS

Accelerate your SaaS development journey with practical, code-first learning.

Start the course today!

📣 Give your users a voice with our new Feedback Plugin!

• Interactive Form: Customizable feedback form that can be placed anywhere in your app
• Admin Dashboard: Collect and manage user feedback in the Makerkit admin panel
• Easy Installation: Simple CLI command to add the plugin to your project
• Database Integration: Automatic migrations for seamless data storage
• Admin Pages: Ready-to-use admin pages for viewing and managing feedback
• Flexible UI: Customizable trigger button for collecting feedback

Enhance your user experience and gather valuable insights. Learn how to install the Feedback Plugin.

We've added a new Version Updater component to keep your app in sync and prevent client-server mismatches.

This feature is especially useful for hybrid applications or deployments outside of Vercel.

Details

• Automatically checks for new app versions
• Prompts users to update when a new version is available
• Configurable polling interval
• Unobtrusive design that doesn't interrupt user flow

How it works

1. Stores app version (git commit hash) in /version route at build time
2. Polls server for current version every 2 minutes (configurable)
3. Prompts user to reload if a new version is detected
4. App reloads with the latest version when user confirms

New Waitlist Plugin 🎉

• Allows users to sign up for early access to your app
• Adds a customizable waitlist signup form
• Creates a waitlist table in the database to store interested users
• Includes a mechanism to approve users from the waitlist
• Automatically sends email notifications to approved users
• Full documentation available for easy integration

How to Use

1. Install the Waitlist Plugin using the Makerkit CLI
2. Add the waitlist migrations to your database
3. Customize and place the waitlist form in your app
4. Manage your waitlist through the Supabase dashboard or custom queries
5. Automatically notify users when they're approved for access

Check out the full documentation for detailed installation and usage instructions.

The Emails Starter is a react.email repository with emails styled for Supabase Auth. It includes a collection of responsive email templates that you can use to get started with your email designs.

You can use this Starter to customize the core email templates for your Makerkit project. The templates are built with React and styled with Tailwind CSS, making them easy to modify and adapt to your brand.

You can have access as a Makerkit licensee by visiting the Emails Starter repository.

Introducing the Environment Variables Generator, a new tool to easily set your project's environment variables.

The CLI script will ask you for the required environment variables and generate a .env.local file for your project. You can then use this file to create your production deployment environment variables in your hosting provider.

🚀 We're excited to announce that the Remix version of Makerkit turbo is now available for production usage.

Every feature you love in the Next.js version is now available in Remix. You can now build your SaaS projects with the power of Remix and Supabase.

What you can expect from the Remix version:

1. Performance: Unparalleled performance in local development thanks to Vite
2. Remix Standards: Built-in support for Remix's conventions and best practices
3. Supabase Integration: Seamless integration with Supabase for data storage and authentication
4. Makerkit: The same delightful development experience as the Next.js version

And of course, a ton more! Read the documentation to get started with Makerkit .

🚀 We're excited to announce that all the AI Templates are now available for Makerkit v2 Turbo (Next.js Supabase).

These include:

1. AI Avatars: A SaaS product that generates AI avatars for your users
2. AI PDF Chat: A SaaS product that allows users to chat with their PDFs using AI
3. AI Blog Writer: A SaaS product that generates blog posts using AI
4. AI Chatbots: A SaaS product that allows users to build Chatbots for their websites using AI

🚀 We're excited to announce that the Next.js version of Makerkit turbo is now available for production usage.

You can start using Makerkit v2 to build your SaaS projects with the power of Next.js and Supabase - the perfect combination for a modern web app.

What you can expect from the Next.js version:

1. Developer Experience: A delightful development experience with Next.js using the very latest features such as Server Components and Server Actions
2. Supabase Integration: Seamless integration with Supabase for data storage and authentication
3. Shadcn UI: the best UI library for React, with a wide range of components and styles to choose from, plus some specific components for Makerkit

And of course, a ton more! Read the documentation to get started with Makerkit .