Changelog

All three Next.js kits are now on Next.js 16.4: Supabase, Drizzle and Prisma.

What you get

• Smaller production bundles, no changes needed: Turbopack now shares one runtime chunk across routes, shortens CSS class names and mangles internal export names
• A lighter dev setup: the disk cache takes 20–25% less space, and server changes only recompile the routes you actually open
• A marketing site that can't silently go dynamic: the home, pricing, blog, changelog and legal pages use Next.js 16.4's new ensureStatic guard. If a change would render any of them per request, for example by reading the session on the server, the build fails instead of quietly adding server cost and breaking CDN caching
• Every blog and changelog page is prerendered: pagination moved from ?page=2 to /blog/page/2 and /changelog/page/2, so older pages are served from the CDN too

Upgrading

• If you link to paginated blog or changelog URLs with ?page=, switch them to the new /page/N paths
• If you run with ENABLE_STRICT_CSP=true, a per-request nonce makes every page dynamic, so remove ensureStatic from the marketing layout ((marketing) in the Supabase kit, (public) in Drizzle and Prisma). See "Strict CSP and static rendering" in the Supabase, Drizzle or Prisma docs.

All kit dependencies are up to date.

All four Better Auth kits are now on Better Auth 1.7: the Next.js Drizzle and Prisma kits, and the TanStack Start Drizzle and Prisma variants.

What you get

• OAuth scopes persist across re-logins and token refreshes, so incremental consent stops resetting
• Magic link and email OTP treat the mailbox as the source of truth: unproven passwords are dropped and sessions revoked before sign-in
• Stable Microsoft accounts, matched on the oid claim instead of the pairwise sub that broke linking
• Safer tokens: replayed authorization codes, mismatched redirect_uri, and cross-client refresh tokens are rejected, and credential responses send Cache-Control: no-store
• DPoP and back-channel logout for anyone running the OAuth provider plugin
• Stricter SSRF checks on every server-side fetch
• SAML IdP-initiated login is off by default; set saml.allowIdpInitiated: true if you rely on it

All kits dependencies are now up to date, most notably Next.js 16.3.4, Base UI 1.8 and Zod 4.5.

The Expo Supabase SaaS Kit is now available: a Next.js web app and an Expo (React Native) app in one monorepo, against the same Supabase project and the same RLS policies.

You can take it two ways. Clone the kit to start a project with apps/web and apps/native already wired together, or add the native app to a Makerkit 4.x next-supabase project you already have:

npx @makerkit/cli@latest plugins add expo

Authentication, personal accounts, team accounts, members, invitations and role-based permissions all work natively on iOS and Android. Plan selection and checkout stay on web, deliberately, because in-app purchase means a 15% to 30% platform commission.

This is the initial release. Expect frequent updates over the next few weeks: expanded documentation, bug fixes, and the features still marked as planned, starting with in-app notifications.

Built with the Senvio team as the main contributor.

Read Introducing the Expo (React Native) Supabase SaaS Kit for the architecture and the tradeoffs, or start with the Expo app documentation.

Makerkit v4 rebuilds every route in the three Next.js kits around Next.js 16.3 Cache Components. Click a link and the shell is already there — only the parts that need fresh data fill in behind it. No route opts out.

It ships as v4 on the Next.js Supabase kit and as v2 on the Next.js Drizzle and Prisma kits. Same work, different version numbers.

Drive the rendering model yourself on Modern Next.js, then read the full release notes for what it costs to upgrade and the sharp edges we already hit.

Upgrading from v3 is ten tagged steps, each one a working state you can merge and deploy on its own. Next.js 16.3 is a hard floor.

The TanStack Start SaaS Starter Kit is now available, in Drizzle, Prisma, and Supabase variants.

It brings the full MakerKit feature set to TanStack Start: authentication, billing, teams, and role-based access, built on TanStack Router and TanStack Query with React 19. All three variants ship today, so you can pick your database layer and start building. See the landing page for the full pitch.

What's included:

• Auth, billing, and multi-tenancy — Better Auth for sign-in, subscriptions, and organizations, with role-based access control, an admin dashboard, storage, transactional emails, and i18n
• Type-safe routing — End-to-end type safety across TanStack Router and TanStack Query
• Deploy anywhere — Built on Vite and Nitro, so you can deploy to your platform of choice
• Your choice of data layer — Drizzle, Prisma, and Supabase variants
• Cutting-edge dev tooling — oxlint and oxfmt (Rust-based) for lint and format, TypeScript 7's Go-ported compiler for type checking, chained into one healthcheck command for fast, reliable feedback for both developers and AI coding agents
• AI coding agent support — Rich documentation, MCP Server, AI coding rules and ad-hoc set of Skills for Claude, Codex and Cursor

Installation guides per variant:

• Drizzle — Installation overview
• Prisma — Installation overview
• Supabase — Installation overview

For the reasoning behind the kit and how TanStack Start compares to Next.js, read Introducing the TanStack Start SaaS Starter Kit and TanStack Start vs Next.js.

We've added passkey sign-in to the Next.js Supabase, Drizzle ORM, and Prisma kits.

Passkeys let your users authenticate with Face ID, Touch ID, or a hardware security key instead of a password — a faster, phishing-resistant alternative built on the WebAuthn standard.

Update (9 July 2026): passkeys are also available in the TanStack Start kits — Supabase, Drizzle, and Prisma — which shipped after this release. The setup is the same, with VITE_AUTH_PASSKEY in place of NEXT_PUBLIC_AUTH_PASSKEY. Guides: TanStack Supabase, TanStack Drizzle, and TanStack Prisma.

What's included:

• Passkey sign-in — Users can sign in with a passkey from the login screen
• Passkey management — Users can register and remove passkeys from their account settings
• Works across all three kits — Available in the Next.js Supabase, Drizzle ORM, and Prisma kits

Setup guides per kit:

• Supabase — Authentication configuration
• Drizzle — Authentication methods
• Prisma — Authentication methods

Note that the Drizzle and Prisma kits require a manual opt-in: passkeys add a database table, so you must enable the ENABLE_PASSKEY build-time flag and generate/apply the migration before turning on the UI. See each kit's guide above for the full steps.

For the why behind passkeys and a per-kit walkthrough, read Passkeys in Your SaaS: Passwordless Sign-In with MakerKit.

To offer a better experience in our kits, we override the default Shadcn UI theme with some customizations. However, we understand that some users may want to switch back to the default Shadcn UI theme for a different look and feel, and doing so would break the existing code due to the customizations we made, which would be wiped out when using the Shadcn CLI to switch themes.

To address this issue, we have made several improvements to our kits to add customizations without breaking the existing code when switching themes. Now, you can switch between the Shadcn UI themes with a single command, and your customizations will be preserved.

You can look at the available themes in Shadcn Create.

To switch themes, update the theme you want to use at packages/ui/components.json and run the following command in your terminal:

cd packages/ui
pnpm exec shadcn add -a -y -o

The Shadcn CLI will automatically detect the theme change and apply the necessary updates to your codebase while preserving your customizations.

The Luma dashboard theme looks like this:

Click to expand

The Lyra dashboard theme looks like this:

Click to expand

The Sera dashboard theme looks like this:

Click to expand

These updates are available in:

• Next.js Supabase SaaS Kit v3.2.0
• Next.js Drizzle ORM and Prisma v.1.5.0

Supamode 0.4.0 is a foundation release: faster at runtime, faster at build time, and ready for what comes next on the road to v1.

What's new:

• Base UI replaces Radix UI - Every interactive primitive (dialogs, dropdowns, popovers, tooltips, selects, tabs) has been migrated to Base UI for a smaller runtime footprint and snappier interactions
• New theme color and UI polish - A refreshed primary color, tighter spacing in tables and forms, and clearer focus states across the app
• Oxlint replaces ESLint - Linting drops from several seconds to effectively instant
• Oxfmt replaces Prettier - Native-speed formatting for the entire codebase in under a second
• Vite 8 upgrade - Production builds now complete in roughly 1 second, with faster dev server startup and HMR

No features were removed. Every feature that worked in 0.3.x works the same way in 0.4.0.

Read the full announcement for the full migration details and before/after context.

Upgrading: If you've built custom components on top of @radix-ui/* packages, you'll need to update imports to Base UI. See the updating your codebase guide.

Get started: Check out the Supamode documentation to start using the Supabase CMS.

The Next.js Supabase SaaS kit is now updated to version 3 — modernizing core libraries and adding teams-only mode for B2B apps.

What changed:

• Base UI replaces Radix UI — Lighter, more actively maintained primitive layer. Shadcn UI components stay the same on top
• next-intl replaces i18next — Purpose-built for Next.js with native locale-prefixed routes (/en/pricing, /it/pricing) for better multilingual SEO
• Next Safe Action replaces enhanceAction — Battle-tested library for type-safe Server Actions with built-in Zod validation, middleware chaining, and structured error handling
• Oxc replaces ESLint and Prettier — Rust-based linting and formatting that's 10-100x faster with zero config conflicts
• Teams-only mode — Remove personal accounts entirely with a single config flag for pure B2B SaaS apps
• TypeScript 6.0 — Default compiler version, smoothing the future migration to the Go-native TypeScript 7
• All dependencies updated to the latest versions, including Next.js 16.2

Migration from v2: We provide a step-by-step migration guide split into 10 incremental git tags, each keeping your app fully functional. View the migration guide.

v2 is fully supported — dependency updates, security patches, and fixes will continue for as long as needed. Upgrade on your own terms.

Read the full announcement

The Prisma and Drizzle kits are now running on Next.js 16.2.0, released today by Vercel. This is a performance-heavy release with strong improvements for AI-assisted development.

• ~4x faster dev startup — next dev now starts ~87% faster compared to 16.1
• Up to 60% faster rendering — A React core change to RSC payload deserialization eliminates V8 boundary-crossing overhead, translating to 25–60% faster server renders
• Server Function logging — Dev terminal now logs Server Function execution with function name, arguments, timing, and source file
• Browser log forwarding — Client-side errors are forwarded to the terminal by default, so AI agents (and you) can debug without switching to the browser console
• Hydration diff indicator — The error overlay now shows a clear + Client / - Server diff when hydration mismatches occur
• 200+ Turbopack fixes — Improved tree shaking, SRI support, postcss.config.ts, and Server Fast Refresh
• Faster ImageResponse — 2–20x faster OG image generation depending on complexity

Both kits have been tested and updated. If you're on an older 16.x release, upgrading is straightforward — pull the latest and run pnpm install.

What's next

The Next.js Supabase Kit v3 is on the way. It brings the Supabase variant up to parity with the ORM kits, including Next.js 16.2, Oxc, next-intl, next-safe-action, and more.

Version 1.4 for the Drizzle and Prisma kits replaces ESLint and Prettier with Oxc.

• ~40x faster — 300ms lint + 200ms format vs 20+ seconds previously
• Single root config — 40+ eslint.config.mjs files replaced by one .oxlintrc.json
• AI-agent friendly — Sub-second lint/format cycles for Claude Code, Cursor, and MCP agents
• Mostly Prettier-compatible — You may see files reformatted after upgrading, but changes are cosmetic

Read the full breakdown: 40x Faster Linting and Formatting

What's next

This migration is coming to the Supabase kits as part of v3.

We have updated our ORM-based kits (Drizzle and Prisma) to Better Auth 1.5 — its largest release yet.

What's new in Better Auth 1.5

Among many improvements and bug fixes, the most notable changes are:

• MCP authentication — Build an MCP server for your SaaS with built-in auth
• OAuth 2.1 Provider — Let users sign in with your service as an OAuth provider
• Stripe support improvements — Better integration with Stripe billing flows
• Electron support — Use Better Auth in desktop apps
• Cloudflare D1 native support — First-class support for Cloudflare's serverless database

Seat-based pricing

We have also added support for the seat-based pricing that is now available in Better Auth 1.5. You can define a Price ID as a "Seat Price ID", and Better Auth will automatically manage incrementing and decrementing the subscription quantity to reflect the current number of seats (members) added to an organization.

What's next?

In the next release, we will replace ESLint and Prettier with Rust-based tooling Oxc — dramatically improving formatting and linting performance, which benefits both us and AI agents.

Three new systems shipping today. A programmable CLI, a plugin system that actually works, and an MCP server that gives your AI assistant real access to your project.

This release sets up MakerKit to be more than just a starter kit. More coming soon.

CLI v2

CLI v2 is MCP-first. Every operation is both a terminal command and an MCP tool. Install plugins in under 60 seconds with npx @makerkit/cli plugins add, pull upstream kit updates with project update, and let your AI assistant resolve merge conflicts automatically. CLI 2.0 Full announcement

New plugin system

The plugin system replaces git subtree with a single CLI command. Plugins are distributed via the shadcn registry format and wired into your project with AST-based codemods. Files land in packages/plugins/, you own the code. Architecture deep dive if you're curious about how it works

New plugins shipped today

Three new plugins join the catalog: Honeybadger (error monitoring), Directus (headless CMS), and Meshes Analytics (event tracking). Honeybadger and Directus work with all three Next.js variants. Details

MCP 2.0

MCP 2.0 expands the kit MCP server from 12 tools to 56 and adds a separate 10-tool CLI MCP server. Database ops, environment management, email inspection, translations, dev services, plugin management, conflict resolution. Every kit variant is now supported. Read the MCP 2.0 Full breakdown

Get started:

npx @makerkit/cli@latest plugins init
npx @makerkit/cli@latest plugins add
npx @makerkit/cli@latest project update

What's next?

We built the CLI and MCP server as programmable interfaces for a reason. Every tool is callable by any MCP client, not just your terminal. We're working on something that brings all of this together in one place. Stay tuned.

We're releasing version 1.1.0 for the Next.js Drizzle and Next.js Prisma SaaS kits, introducing advanced billing capabilities for complex pricing models.

Click to expand

What's new in 1.1.0:

• Multi-line item checkout (Stripe) - Create subscriptions with multiple price components: base fees, per-seat charges, and metered usage in a single checkout
• Tiered pricing - Configure volume discounts and graduated pricing for seats or usage-based components
• Optional add-ons - Let customers select premium features like priority support during checkout
• Per-seat billing recipe - Set up automatic subscription quantity updates when team members join or leave, with proration handled by Stripe/Polar
• General Improvements and bug fixes - Added a number of general improvements and enhancements across the board to improve UI/UX, logging, and other areas.

Documentation:

• Advanced Pricing - Multi-line items, tiered pricing, optional add-ons
• Per-Seat Billing - Dynamic seat billing with automatic proration

Upgrade notes: These features are additive. Existing billing configurations continue to work unchanged. To use advanced pricing, replace planId with lineItems in your billing config.

Supamode 0.2.0 is here, bringing one of the most requested features: the ability to view and manage related records directly from a record's page.

What's new:

• Many-to-many relationship detection - Supamode automatically detects junction tables and displays related records inline. View tags on a blog post, comments on an article, or any junction table relationship without leaving the page
• One-to-many relationship views - Related records appear as embedded tables within the parent record's page
• Raw markdown/HTML editing - Switch between the rich text editor and raw markdown for precise control over formatting

From relationship views, you can view all related records, open them in a new tab for advanced filtering, unlink records, or create new related entries directly.

Read the full announcement for SQL examples and configuration options.

Get started: Check out the Supamode documentation to start using the Supabase CMS.

They're here. The Next.js Drizzle and Prisma Better Auth SaaS Starter Kits - the best SaaS starter kits in the world.

Three and a half years of building, learning, and listening. Thousands of customer conversations. Relentless dog-fooding. All of it poured into this release.

What makes them special:

• Fully self-hosted - No PaaS dependency. Deploy anywhere: VPS, Cloudflare, Vercel, Railway, Digital Ocean
• Modern stack - Next.js 16, Drizzle ORM or Prisma, Better Auth, Zod, Base UI, Stripe/Polar
• Complete functionality - Auth, multi-tenancy, RBAC, billing, Super Admin, analytics - all out of the box
• AI-agent friendly - Extensively documented with their own MCP Servers

Read the full announcement to learn more about both kits.

Get started today: Drizzle Kit | Prisma Kit

Looking for the right stack? Start with Drizzle ORM SaaS Starter Kit for Next.js teams or Prisma ORM SaaS Starter Kit for Next.js teams.

We've been busy! From November to today (January 7th 2026), we shipped three new versions of the Makerkit Supabase stack:

• Makerkit 2.21
• Makerkit 2.22
• Makerkit 2.23 (today)

Here's what's new:

• Policies API for team accounts - You now have full control over who can create team accounts, letting you enforce your own business rules
• Dependency updates - All packages upgraded to their latest versions for better security and performance
• Polish everywhere - Numerous UX improvements and bug fixes

But wait, there's more!

We're hard at work on the upcoming v3, landing in February 2026. And we've got two brand new stacks in the pipeline: Next.js + Drizzle and Next.js + Prisma. Big things are coming!

We've released Makerkit 2.20 for the Next.js Supabase Turbo kit and React Router 7! This release adds support for a SaaS changelog functionality, allowing you to share your updates with your users!

If you're wondering why your SaaS should have a changelog, I invite you to read this article from Linear's blog, Startups, Write Changelogs.

Please check out our blog post Write a Changelog for your SaaS to learn more about this new feature.

Furthermore, we've released other minor improvements and bug fixes, such as:

• the footer in the documentation pages is now hidden by default we also improved the overall layout for better readability
• optimized performance of the SQL query to verify a nonce token
• improved authentication forms design
• fixed minor styling issues caused by invisible Captcha
• fixed Captcha verification in sign up page
• updated all the dependencies to the latest versions
• added more dependencies to the PNPM catalogs, a work-in-progress migration to PNPM Catalogs for better dependency management

We've released Makerkit 2.19 for the Next.js Supabase Turbo kit and React Router 7!

This release includes the following features and improvements:

• Support for Next.js 16
• Support for React 19.2.0
• Updates to the invitations flow
• The introduction of PNPM catalogs
• Refactored Captcha API
• Other technical improvements and bug fixes

Next.js 16 🔥

Next.js 16 is a major release that includes several new features and improvements, especially in the area of build and development performance, which is one of the most frequents complaints about Next.js.

We've written a detailed article about Next.js 16. Give it a read to understand the new features and improvements in Next.js 16.

React 19.2

React 19.2 is a major release that includes several new features and improvements and is now the default version of React in Makerkit.

We've written a detailed article about React 19.2. Give it a read to understand the new features and improvements in React 19.2, and how it affected some of code in Makerkit.

Updated invitations flow

If a new user accepts an invitation to join a team, they're now redirected to a new page (/identities) where they're asked to link an authentication method to their account - such as a password, or an OAuth provider - unless the user is using a magic link or OTP, since they only require an email.

PNPM Catalogs

We started introducing PNPM catalogs in Makerkit, which is a way to manage dependencies in a more efficient way, reducing merge conflicts and making it easier to update dependencies.

We started with two frequently used dependencies to reduce merge conflicts, but we will incrementally roll out the rest of the dependencies in the future.

Refactored Captcha API

We found issues with the existing Captcha API, and we've refactored it to make it more flexible and easier to use.

React Router 7

All the improvements added to Next.js version are also available in React Router 7! 🎉

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.

Click to expand

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

Click to expand

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.

Click to expand

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!

Click to expand

🌟 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.

Click to expand

Click to expand

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

Click to expand

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

Click to expand

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.

Click to expand

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

Click to expand

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.

Click to expand

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.

Click to expand

🚀 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 .