Changelog

The most important changes and updates to Makerkit (since v2)

Work in Progress... ๐Ÿšง

Under Development...

Below is a list of tasks currently under development and planned to be released soon. The list can change based on priorities and feedback.

  • Sanity.io Integration (Q2 2025)
  • Paddle plugin (Q2 2025)
  • Refreshing Next.js Supabase Course (Q2 2025)
  • ... and more fixes, improvements and optimizations
9 March 2025

React Router 7

The latest version of the React Router 7 + Supabase SaaS Kit is now available.

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.

3 March 2025

Cursor Rules v2

New Cursor Rules for improving Makerkit code generation with AI

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.

2 March 2025

MFA enhancements for RLS and Super Admin

Enhancements to the Makerkit Super Admin and RLS (Row Level Security) features

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.

28 February 2025

OTP Verification

Protect sensitive operations in Makerkit with One-Time Password verification

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
19 February 2025

Dev Tools

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

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
Dev Tools

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
7 February 2025

EsLint v9 / Registry API

This release includes upgrading to EsLint v9, the Registry API, and several other improvements.

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.

4 February 2025

UI Improvements & Dependency Upgrades

This release includes dependency upgrades, UI improvements, enhanced usability, and several refactorings.

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!

29 January 2025

Figma UI Kit

We've released a Figma UI Kit for Makerkit. You can now design your SaaS directly from Figma using all the components in Makerkit.

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! ๐Ÿš€

28 January 2025

TailwindCSS v4 Upgrade

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

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.

20 January 2025

React Native Expo Kit - Free Open Source Mobile Starter ๐Ÿš€

We released a new open source kit for React Native apps and Supabase. It's a fully-functional React Native app meant to be a companion kit to the Turbo Starter Kits.

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! ๐ŸŽ‰

16 January 2025

Enhanced LLMs Support in Makerkit ๐Ÿค–โœจ (Cursor, Windsurf)

We have added and improved support for Cursor and Windsurf in Makerkit with dedicated LLM rules and guides

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

Windsurf Support

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

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
27 December 2024

Open Source Lite kit for Next.js and Supabase

Play with a version of Makerkit that is open source and includes only the core features of the kits.

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.

25 November 2024

Drizzle Support

You can use Drizzle with Makerkit Turbo v2

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.

16 November 2024

Makerkit.dev updated to Next.js v2

The Makerkit website is now updated to Next.js v2

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!

25 October 2024

Shadcn UI Sidebar

We have updated the sidebar to use the new Shadcn Sidebar. It's a new design and a more powerful component

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.

22 October 2024

Next.js 15

Makerkit is now up to date with Next.js 15. Use the latest features and improvements shipped with Next.js 15.

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.

14 October 2024

Collapsible Sidebar

Introducing Collapsible Sidebar: a new feature to make the sidebar more accessible

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.

3 October 2024

Recipes

Introducing Recipes: extend Makerkit with step-by-step guides

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.

20 August 2024

Analytics Package

Introducing a new analytics package to help you track and analyze user behavior with any analytics provider.

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.

4 August 2024

New Dashboard Design

Introducing a new dashboard design with improved navigation and customization options.

๐ŸŽ‰ 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!

Dashboard Design
30 July 2024

Roadmap Plugin

Introducing the Roadmap Plugin, a powerful tool for managing and sharing your project's development timeline.

๐ŸŒŸ 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.
Roadmap Kanban Component
Roadmap Kanban Component

Read more about the Roadmap Plugin in our announcement post.

20 July 2024

Marketing Components

Create professional landing pages with Makerkit's Marketing Components

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.

14 July 2024

Testimonial Plugin

Introducing the Testimonials Plugin, a new way to showcase your customer's feedback.

๐ŸŒŸ 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
Testimonial Form Component

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

9 July 2024

Multi-Step Forms

Introducing the Multi-Step Forms component, a new way to break down complex forms into bite-sized steps.

๐ŸŽญ 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.

7 July 2024

New Course to master Makerkit v2 Turbo

Introducing the new course to help you build your Makerkit SaaS projects

๐ŸŽ“ 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!

24 June 2024

Feedback Plugin

Introducing the Feedback Plugin, a new way to collect and manage user feedback.

๐Ÿ“ฃ 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.

23 June 2024

Version Updater

Introducing the Version Updater component to notify your users when a new version is available

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
20 June 2024

Waitlist Plugin

Introducing the new Waitlist plugin to collect emails before you've launched

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.

15 June 2024

Emails Starter

Introducing the new Emails Starter template to help you get started with your email templates

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.

5 June 2024

Environment Variables Generator

Go to production faster with the new Environment Variables Generator tool.

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.

4 June 2024

Makerkit v2 is now available (Remix)

The Remix Supabase version of Makerkit turbo is now available for production usage

๐Ÿš€ 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 .

23 May 2024

AI Templates for Next.js v2

All the AI templates are now available for Makerkit v2 Turbo (Next.js Supabase)

๐Ÿš€ 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
3 May 2024

Makerkit v2 is now available (Next.js)

The Next.js Supabase version of Makerkit turbo is now available for production usage

๐Ÿš€ 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 .