Blog

The blog of Makerkit. Discover the latest about Makerkit, Next.js, Remix, Supabase,and more.

Sep 1, 2025Customer Spotlight: Michael Mullings of ChatFlowMichael shares his journey from electrical engineer to SaaS founder, building ChatFlow with MakerKit and taking on the giants of the customer support industry.

Aug 29, 2025Introducing Custom Dashboards in Supamode: Build Dynamic Analytics InterfacesCreate powerful Supabase dashboard interfaces with Supamode's custom analytics platform. Build personalized Supabase analytics views with drag-and-drop widgets and real-time data visualization.

Aug 21, 2025Makerkit 2.13.0: Components Showcase, Next.js 15.5 & Advanced Data TablesNext.js 15.5 upgrade, Component Showcase, enhanced Table component directly from Supamode to the SaaS Kit

Aug 11, 2025Customer Spotlight: Sebastian Pedavoli of WatchthisSebastian Pedavoli shares his experience building watchthis.page with MakerKit, focusing on the importance of shipping small, learning loud, and using Reddit as a research tool.

Jul 26, 2025Customer Spotlight: Rob Saric of ProviderRob Saric shares how he bootstrapped Provider.app using MakerKit, focusing on customer-centric development, AI insights, and a no-ads growth strategy. Learn his approach to building a profitable niche SaaS with a human touch.

Jul 10, 2025Introducing Supamode, the enterprise-grade Super Admin for SupabaseIntroducing Supamode, a self-hosted enterprise-grade Super Admin for Supabase, turning your database into a powerful, flexible, and secure CMS.

Jun 13, 2025Makerkit 2.11.0: Building Better Authentication ExperiencesDeep dive into the new authentication features: Identity Linking, OTP Sign-In, Smart User Hints, and Legacy Plans support. Learn how these features solve real user problems and reduce support overhead.

Jun 9, 2025Claude Code: Build a SaaS with AIThis is a step-by-step guide to building an AI Content Repurposer SaaS by vibe-coding with Claude Code and Makerkit.

Apr 29, 2025Multi-Platform Deployment: Docker, Cloudflare & Self-Hosting Now Available in MakerkitDeploy your Makerkit SaaS projects anywhere with our new first-class support for Docker, Cloudflare, and self-hosting on VPS. Generate configuration files with a single command and follow our comprehensive guides to get up and running quickly.

Apr 24, 2025The Ultimate Guide to Secure API Key Management in Supabase ProjectsLearn how to build a secure, production-grade API key system in Supabase with PostgreSQL roles, Row Level Security, and scope-based permissions. Complete with code examples.

Apr 23, 2025Next.js Security: A Comprehensive Guide how to secure your Next.js applicationA comprehensive guide to securing your Next.js application, focusing on practical strategies to protect your application and user data from common vulnerabilities.

Apr 11, 2025Understanding Supabase Declarative SchemaLearn how to use Supabase Declarative Schema to manage your database schema in your Makerkit project.

Mar 10, 2025Introducing the React Router 7 SaaS Starter KitAnnouncing the release of our React Router 7 + Supabase SaaS Boilerplate! The SaaS template for shipping your SaaS with React Router 7.

Mar 1, 2025Using OTP Verification in MakerkitLearn how to implement OTP verification in Makerkit to add extra security to your application.

Feb 21, 2025Announcing the Makerkit Dev ToolsMakerkit Dev Tools is a suite of development utilities that helps you validate, debug, and manage your Next.js Supabase application during development.

Feb 1, 2025Introducing the Figma UI Kit for MakerkitWe're excited to announce the release of the Figma UI Kit for Makerkit. This kit allows you to easily create beautiful and consistent UI components using Figma.

Jan 20, 2025Announcing the React Native Expo Kit - an Open Source Kit for Makerkit appsWe're excited to announce the release of the React Native Expo Kit - an Open Source Kit for Makerkit apps. It's a fully-functional React Native app that allows you to build and deploy your SaaS using Expo.

Jan 17, 2025Best Practices for Building a SaaS with Windsurf and MakerkitWindsurf is a new AI-powered editor taking the developer experience to the next level. With the new optimized rules for Makerkit, building a SaaS just got a lot easier!

Jan 16, 2025Best Practices for Building a SaaS with Cursor and MakerkitCursor is the hottest AI editor in the market. With the new optimized rules for Makerkit, building a SaaS just got a lot easier!

Jan 3, 20252024 Review - and a look at the future2024 was a year of great changes for Makerkit. Here's a look at what we've accomplished and what's next.

Dec 27, 2024Introducing a free and open source Next.js Supabase SaaS Starter KitLooking for a free Next.js SaaS Template? Announcing a lite version of our Next.js Supabase SaaS Boilerplate, now open source!

Dec 26, 2024Choosing the best hosting provider for your Next.js applicationIn this post, we'll show you how to choose the best hosting provider for your Next.js application.

Dec 25, 2024Updating Shadcn UI Components to React 19In React 19, the 'forwardRef' function was deprecated. This post will show you how to update your Shadcn UI components to work with React 19 and ensure future compatibility.

Dec 24, 2024Next.js API Routes: The Ultimate GuideLearn how to build robust, secure, and efficient API endpoints in Next.js. This comprehensive guide will walk you through the critical best practices for creating robust, secure, and efficient API endpoints in Next.js.

Dec 24, 2024Building a Real-time Notification System with Supabase and Next.jsLearn how to build a complete real-time notification system using Supabase and Next.js. Includes live updates, dismissible notifications, and Row Level Security.

Dec 23, 2024Building Embeddable React Widgets: A Complete GuideLearn how to create embeddable React widgets for your web application. Inject your React widget into any website with ease.

Dec 23, 2024How to Write Secure and Type-Safe Server Actions in Next.jsA comprehensive guide to using enhanceAction in Next.js applications. Learn to implement authentication, Zod validation, and error handling in your Server Actions

Dec 22, 2024Next.js Version Control: Implementing Auto-Updates in Your ApplicationLearn how to implement automatic version updates in your Next.js application to prevent stale clients and API conflicts. Includes ready-to-use code examples and best practices

Dec 21, 2024Using Drizzle ORM with Supabase in Next.js: A Complete GuideIn this comprehensive guide, we'll walk through integrating Drizzle ORM with your Next.js Supabase project, offering you the best of both worlds: Supabase's powerful features and Drizzle's type-safe query builder.

Dec 21, 2024Smoke Testing Your SaaS: A Practical Guide for FoundersLearn how to implement effective smoke testing for your SaaS application. This guide covers essential test scenarios, implementation strategies, and best practices to quickly verify core functionality.

Dec 21, 2024SaaS Error Monitoring with TelegramTelegram bots are super fun and easy to set up. In this post, we'll show you how to use Telegram to monitor your SaaS and get notified when errors occur in Makerkit

Dec 20, 2024End-to-End Testing Your SaaS with Playwright: A Comprehensive GuideThis comprehensive article teaches end-to-end testing using Playwright, based on real-world examples from a Next.js SaaS application. You'll learn industry best practices, test architecture patterns, and practical implementation strategies.

Dec 18, 2024Next.js App Router: Project StructureThis guide will help you with the architecture and structure of a production-grade Next.js App Router project.

Dec 16, 2024Server Actions vs Route Handlers in Next.jsNext.js allows you to use Server Actions or API Route Handlers to execute code server side and call it from the client. Which one should you use?

Dec 10, 2024Finding Your First 10 SaaS CustomersA guide to finding your first 10 SaaS customers. From building in public to outreach, this guide will help you find your first 10 customers.

Dec 10, 2024Server-only Code in Next.js 15Ensure your Next.js code is only executed on the server-side using these lesser known Next.js features

Dec 7, 2024The True Cost of Building a SaaS Starter Kit From ScratchWant to buy a SaaS Starer Kit, but you don't know if it's worth it? This guide will help you make the right decision.

Nov 18, 2024How to dynamically generate Open Graph images with Next.js and MakerkitIn this tutorial, we'll learn how to dynamically generate Open Graph images with Next.js and Makerkit

Oct 25, 2024Using the new Shadcn Sidebar in MakerkitWe have updated the sidebar to use the new Shadcn Sidebar. It's a new design and a more powerful component. In this post, we will learn how to use the new Shadcn Sidebar in Makerkit.

Oct 9, 2024Upgrading to Next.js 15Preparing the migration to Next.js 15. In this post, we will cover the changes that you need to make to your project to upgrade to Next.js 15, and how Makerkit will approach the migration.

Aug 20, 2024Announcing the Analytics Package for MakerkitWe're excited to announce the launch of the Analytics Package for Makerkit, enabling you to track user interactions and monitor your users behavior.

Aug 19, 2024Secure One-Time Tokens with Supabase and PostgresLearn how to implement robust, self-cleaning nonces using Postgres functions in your Supabase project.

Jul 31, 2024Introducing the Roadmap Plugin: Track and Share Your Project's ProgressThe Roadmap Plugin allows you to create a roadmap for your project and display it on your website. Your users can see what features are planned, in progress, and completed and suggest new features or comment on existing ones.

Jul 21, 2024Introducing Marketing Components: Crafting Stunning Landing Pages with EaseWe're excited to announce the release of Marketing Components, a collection of reusable UI components for marketing websites and landing pages.

Jul 14, 2024Introducing the Testimonial Plugin for MakerkitIntroducing a new plugin to add testimonials to your app with ease

Jul 10, 2024Creating a Delightful Onboarding Experience with Multi-Step FormsIn this post, we'll show you how to create a delightful onboarding experience using the Multi-Step Form Component for Makerkit.

Jul 9, 2024Introducing the Multi-Step Form Component for MakerkitWe're excited to announce the release of the Multi-Step Form Component for Makerkit. This component allows you to create multi-step forms with ease.

Jul 9, 2024Building Multi-Step forms with React.jsIn this article, we explain how to build Multi-Step forms with Next.js and the library react-hook-form

Jul 7, 2024Mastering URL Patterns in Next.js Middleware: A Comprehensive GuideLearn how to implement and optimize URL pattern matching in Next.js middleware to create more efficient and maintainable server-side logic.

Jun 24, 2024Announcing the Feedback pluginThe feedback plugin is a new feature that allows your users to give feedback on your app.

Jun 24, 2024Announcing the Version Updater componentThe version updater component is a new feature that allow your app to check for updates and prompt the user to install them.

Jun 24, 2024Announcing the Waitlist pluginThe waitlist plugin is a new feature that allows your users to sign up for early access to your app.

Apr 2, 2024Introducing Makerkit Turbo: faster, simpler and more powerful SaaS BoilerplateI am excited to announce Makerkit Turbo - the next generation of our SaaS boilerplate. It's a tremendous upgrade over the previous version, with a focus on speed, simplicity, and power.

Jan 25, 2024Announcing the AI Blog Writer SaaS TemplateWe're excited to announce the launch of our latest SaaS template, the AI Blog Writer app template. This template is a great starting point for building a product to write SEO optimized blog posts using AI.

Jan 25, 2024Building an AI Writer SaaS with Next.js and SupabaseLearn how to build an AI Writer SaaS with Next.js and Supabase - from writing SEO optimized blog posts to managing subscriptions and billing.

Jan 12, 2024Announcing the AI Chat with PDF SaaS TemplateWe're excited to announce the launch of our latest SaaS template, the Chat with PDF app template. This template is a great starting point for building a product that allows your customers to create chatbots that can answer questions and search through PDF documents.

Dec 27, 2023Announcing the Data Loader SDK for SupabaseWe're excited to announce the Data Loader SDK for Supabase. It's a declarative, type-safe set of utilities to load data into your Supabase database that you can use in your Next.js or Remix apps.

Dec 2, 2023Announcing the AI Chatbot SaaS TemplateWe're excited to announce the launch of our latest SaaS template, the AI Chatbot SaaS Template. This template is a great starting point for building a customer support chatbot SaaS product.

Nov 22, 2023Announcing Premium Codebase AccessWe are excited to announce that we are now offering Premium Codebase Access to all our users on the Teams Plan.

Nov 20, 2023Announcing the new Onboarding Flow!The latest update to the SaaS Starter Kits is here! This update includes changes to the Onboarding Flow after sign-up.

Nov 6, 2023November 2023 update: AI Editor Plugin, Data Teardown, Stripe Embedded CheckoutThe latest update to the SaaS Starter Kits is here! This update includes a new AI Editor plugin, user and organization teardown, and more!

Oct 10, 2023Adding AI capabilities to your Next.js SaaS with Supabase and HuggingFaceIn this tutorial, we will learn how to use add AI capabilities to your SaaS using Supabase Vector, HuggingFace models and Next.js Server Components.

Sep 24, 2023Announcing the AI Chatbot plugin for the Makerkit SaaS Starter kitsWe are excited to announce the release of the AI Chatbot plugin for the Makerkit SaaS Starter kits. This plugin allows you to add a chatbot to your SaaS Starter kit in minutes.

Sep 23, 2023Announcing the Makerkit CLIWe are excited to announce the release of the Makerkit CLI, a command-line tool that helps you build and manage your Makerkit projects.

Sep 23, 2023Announcing Plugins for MakerkitWe are excited to announce the launch of Plugins for Makerkit. Plugins are a way for you to extend the functionality of Makerkit to suit your needs.

Sep 22, 2023SEO for Software DevelopersThe ultimate guide to mastering SEO for developers and founders who want to grow their SaaS

Sep 18, 2023Announcing a new documentation generator for the Supabase KitsWe're excited to announce a new documentation generator for the Supabase Kits. This will make it easier for you to build your own documentation site for your Makerkit SaaS.

Aug 15, 2023Introducing the Makerkit Super AdminThe Makerkit Super Admin is an admin panel for SaaS applications built with Makerkit. It allows you to manage your users, subscriptions, and more.

Aug 6, 2023Building an AI-powered Blog with Next.js and WordPressLearn how to build a blog with Next.js 13 and WordPress and how to leverage AI to generate content.

Jul 31, 2023Upcoming changes to Makerkit in Summer 2023An overview of the changes coming to MakerKit in Summer 2023.

Jun 28, 2023Introducing Makerkit Lite: a lightweight Next.js SaaS BoilerplateIntroducing Makerkit Lite: a lightweight SaaS Boilerplate built with Next.js and Supabase. It is a smaller, faster and simpler version that the original Makerkit template.

Jun 26, 2023Using Supabase Vault to store secretsSupabase Vault is a Postgres extension that allows you to store secrets in your database. This is a great way to store API keys, tokens, and other sensitive information. In this tutorial, we'll use Supabase Vault to store our API keys

Jun 3, 2023Building a SaaS in 2023: How to Build and Launch a SaaS FastBuilding a SaaS can be hard. Here is how you can build and launch your SaaS fast - without compromising on quality. In this post we explore how to leverage a SaaS Starter Kit to build and launch your SaaS fast.

Jun 3, 2023Introduction to Next.js Server ActionsNext.js Server Actions are a new feature introduced in Next.js 13 that allows you to run server code without having to create an API endpoint. In this article, we'll learn how to use them.

Apr 27, 2023The importance of using a SaaS Starter as a solo founderLearn how a SaaS Starter Kit can help solo-founders build Micro SaaS products quickly and efficiently. Discover key features, tips for productivity, and more.

Mar 30, 2023Using Lemon Squeezy for SaaS subscriptions with MakerkitIn this recipe, we provide a step-by-step guide to replace Stripe with Lemon Squeezy for Makerkit.

Mar 30, 2023Announcing: Makerkit now supports Lemon Squeezy subscriptions! 🍋Announcing support for Lemon Squeezy subscriptions in Makerkit. It's now possible to use a MoR to power your Makerkit app.

Mar 8, 2023Announcing support for Multi-Factor Authentication (MFA) with SupabaseA sneak peek to our coming feature for Multi-Factor Authentication (MFA) with Supabase.

Mar 3, 2023Next.js 13: complete guide to Server Components and the App DirectoryUnlock the full potential of Next.js 13 with our most complete and definitive tutorial on using server components and the app directory.

Mar 1, 2023How to add fonts to your Next.js 13 RSC app directoryLearn how to add fonts using the next/font package to your Next.js project using the app directory.

Feb 22, 2023A sneak peek at the Supabase and Next.js RSC SaaS kitA behind the scenes look at how we built the Supabase and Next.js RSC SaaS Starter.

Feb 21, 2023How to write client-only code in Next.js Server ComponentsFind out how to write code that executes only in the client using Next.js Server Components

Feb 17, 2023Pagination with React.js and SupabaseDiscover the best practices for paginating data using Supabase and React.js using the Supabase Postgres client

Feb 17, 2023A reusable Table component for React.jsHow to build a reusable Table component for React.js using Tanstack and Tailwind CSS.

Jan 31, 2023Makerkit ❤️ Radix UIMakerkit migrated its UI Components to Radix UI, bringing a new look and feel to the platform.

Jan 22, 2023Changelog: New Stripe Subscriptions PagesWe've redesigned the Makerkit subscriptions pages. Let's take a look at the new design.

Jan 20, 2023How to sell code with Lemon Squeezy and GithubSell and monetize your code by giving private access to your Github repositories using Lemon Squeezy

Jan 12, 2023Writing clean ReactLevel up your React coding skills with Typescript using our comprehensive guide on writing clean code. Start writing clean React code, today.

Dec 26, 2022How to use MeiliSearch with ReactLearn how to use MeiliSearch in your React application with this guide. We will use Meiliseach to add a search engine for our blog posts

Dec 26, 2022Get changed files in a git repository with Node.jsThis snippet will help you retrieve the list of the currently changed files in a git repository using Node.js.

Dec 23, 2022Planning Makerkit's 2023A plan for the coming year at Makerkit. New kits, new blog posts, new documentation, courses, and more.

Dec 22, 2022How to use Supabase with React QueryThis post explains how to use Supabase with React Query, a popular React library for fetching data from the server.

Dec 22, 2022Why you should use Remix for your SaaSAre you building a SaaS? Here is why you should build it with Remix

Dec 21, 2022Setting environment variables in RemixLearn how to set environment variables in Remix and how to ensure that they are available in the client-side code.

Dec 18, 2022Programmatic Authentication with Supabase and CypressTesting code that requires users to be signed in can be tricky. In this post, we show you how to sign in programmatically with Supabase Authentication to improve the speed of your Cypress tests and increase their reliability.

Dec 17, 2022How to reduce and boost your Firebase cold start timesFirebase cold start times are a common problem for developers. In this tutorial, we'll show you how to reduce and boost your Firebase cold start times.

Dec 17, 2022Reset the Supabase Database in CypressResetting your database during E2E tests is important to prevent flakiness. In this tutorial, we'll show you how to reset the Supabase database in Cypress E2E tests.

Dec 12, 2022Firebase vs Supabase: Which one is better for your next project?Firebase and Supabase are two of the most popular backend-as-a-service (BaaS) platforms. In this article, we will compare Firebase vs Supabase to help you decide which one is better for your next project.

Dec 10, 2022Introducing the Makerkit UI StorybookAnnouncing the Makerkit UI Storybook: a collection of all the components that make up the Makerkit kits. You can use this to see how the components work and to get inspiration for your own projects.

Dec 6, 2022Authenticating users with Remix and SupabaseLearn how to use Remix and Supabase to authenticate users in your application.

Dec 2, 2022How Makerkit helps boost your SaaS SEOLearn how Makerkit can help boost your SaaS SEO thanks to its optimized codebase and SEO-friendly features.

Dec 2, 2022Should you use Makerkit as your SaaS Boilerplate?In this post, we'll be looking at the pros and cons of using Makerkit as your SaaS boilerplate.

Oct 30, 2022How to sell code with Gumroad and GithubSell and monetize your code by giving private access to your Github repositories using Gumroad

Oct 29, 2022Collecting payments upfrontIf you're selling a one-off service, you may want to get paid upfront. Let's add a payment step to the onboarding flow in your Makerkit app.

Oct 29, 2022Removing Organizations from your ProjectIf your project does not need Organizations, follow this tutorial to remove them from your project

Oct 27, 2022Migrating to Next.js Server Components LayoutsA simple guide to migrating your _app.tsx component to the new Server Components released with Next.js 13

Oct 27, 2022Getting Started with Next.js Server ComponentsA simple introduction to using Server Components and the new Layouts Folder Structure with Next.js 13

Oct 21, 2022Counting a collection's documents with Firebase FirestoreIn this article, we learn how to count the number of documents in a Firestore collection using a custom React.js hook.

Oct 21, 2022Pagination with React.js and Firebase FirestoreIn this article, we learn how to paginate data fetched from Firebase Firestore with React.js

Oct 12, 2022Building a Language Switcher for Next.jsIn this article, we create a Language dropdown to switch to another language using Next.js and next-i18n.

Oct 8, 2022Testing emails with a local SMTP ServerIn this recipe, we extend and configure Makerkit to have a fully local email server to test our application's outgoing emails

Oct 6, 2022Limiting the Firebase Storage space used by each customerLimiting the amount of Storage space used by your customers can be tricky. In this article, we show how to set a quota for each of your customers.

Oct 6, 2022Creating a Waitlist with Firebase AuthImplement a waitlist sign-up with Firebase Auth and allow sign-ins in batches to your SaaS

Oct 5, 2022Using ElasticSearch with Next.jsIn this article, we share how to use ElasticSearch with Next.js to index your Firestore documents and make them searchable.

Sep 30, 2022v0.5.0: Design Improvements and code-cleanupThe version 0.5.0 adds improvements to the overall design, and adds Firebase Storage security rules backed by Firestore

Sep 29, 2022Using Firestore in Firebase Storage RulesFirebase Storage now allows you to use Firestore queries to in your security rules. Here is all you need to know!

Sep 22, 2022Turn your Next.js application into a PWAPWA can make your app look native, faster, updatable and offline-ready. In this post, we learn how to make a PWA with a Next.js application.

Sep 19, 2022v0.4.0: Phone AuthenticationThe version 0.4.0 adds the ability to sign-in using a Phone number, and adds design and usability improvements to the authentication pages

Sep 15, 2022v0.3.0: Multi-Factor Authentication and Multi-Provider accountsThe version 0.3.0 adds the ability to enable Multi-Factor Authentication and for users to link their account to multiple providers

Sep 10, 2022Multifactor Authentication (MFA) with Firebase and Next.jsLearn how to implement Multifactor Authentication (MFA) with Firebase and Next.js

Sep 5, 2022v0.2.0: Transferring Ownership of an organizationThe version 0.2.0 adds the ability to transfer the ownership of an organization to another member

Sep 2, 2022Email Link Authentication with Firebase and Next.jsLearn how to add Email Link authentication to your SaaS application with Firebase Auth and Next.js

Aug 29, 2022Adding a new MDX content sourceAdd a new MDX content source to your website

Aug 28, 2022Charging SaaS Tenants based on the number of usersLet's extend Makerkit to charge Stripe customers based on the number of users in an organization

Aug 20, 2022Walkthrough: Starting a Makerkit project with Firebase and Next.jsThis walkthrough is a summary of the documentation to quickly bootstrapping a SaaS project with Makerkit

Aug 16, 2022Secure your Next.js application with Firebase AppCheckFirebase AppCheck helps us protect our websites against bad actors such as automated bots. In this post, we integrate Firebase AppCheck in a Next.js application.

Aug 15, 2022Programmatic Authentication with Firebase and CypressTesting Cypress can require your test users sign-in programmatically. In this article, we show you how to sign in users with Firebase and Cypress without using the UI.

Aug 8, 2022Caching a Next.js API with RedisFind out how to cache a Next.js Serverless API with Redis

Aug 6, 2022How to fix common hydration issues in Next.js and React 18Common Next.js hydration issues and how to fix them