Blog
Documentation
Course
Changelog
AI Starters
UI Kit
FAQ
Pricing
Live Demo
Blog
The blog of Makerkit. Discover the latest about Makerkit, Next.js, Remix, Supabase,and more.
Dec 21, 2024
Using Drizzle ORM with Supabase in Next.js: A Complete Guide
In 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, 2024
Smoke Testing Your SaaS: A Practical Guide for Founders
Learn 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, 2024
SaaS Error Monitoring with Telegram
Telegram 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, 2024
End-to-End Testing Your SaaS with Playwright: A Comprehensive Guide
This 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, 2024
Next.js App Router: Project Structure
This guide will help you with the architecture and structure of a production-grade Next.js App Router project.
Dec 16, 2024
Server Actions vs Route Handlers in Next.js
Next.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, 2024
Server-only Code in Next.js 15
Ensure your Next.js code is only executed on the server-side using these lesser known Next.js features
Dec 7, 2024
The True Cost of Building a SaaS Starter Kit From Scratch
Want 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, 2024
How to dynamically generate Open Graph images with Next.js and Makerkit
In this tutorial, we'll learn how to dynamically generate Open Graph images with Next.js and Makerkit
Oct 25, 2024
Using the new Shadcn Sidebar in Makerkit
We 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, 2024
Upgrading to Next.js 15
Preparing 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, 2024
Announcing the Analytics Package for Makerkit
We'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, 2024
Secure One-Time Tokens with Supabase and Postgres
Learn how to implement robust, self-cleaning nonces using Postgres functions in your Supabase project.
Jul 31, 2024
Introducing the Roadmap Plugin: Track and Share Your Project's Progress
The 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, 2024
Introducing Marketing Components: Crafting Stunning Landing Pages with Ease
We're excited to announce the release of Marketing Components, a collection of reusable UI components for marketing websites and landing pages.
Jul 14, 2024
Introducing the Testimonial Plugin for Makerkit
Introducing a new plugin to add testimonials to your app with ease
Jul 10, 2024
Creating a Delightful Onboarding Experience with Multi-Step Forms
In this post, we'll show you how to create a delightful onboarding experience using the Multi-Step Form Component for Makerkit.
Jul 9, 2024
Introducing the Multi-Step Form Component for Makerkit
We'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, 2024
Building Multi-Step forms with React.js
In this article, we explain how to build Multi-Step forms with Next.js and the library react-hook-form
Jul 7, 2024
Mastering URL Patterns in Next.js Middleware: A Comprehensive Guide
Learn how to implement and optimize URL pattern matching in Next.js middleware to create more efficient and maintainable server-side logic.
Jun 24, 2024
Announcing the Feedback plugin
The feedback plugin is a new feature that allows your users to give feedback on your app.
Jun 24, 2024
Announcing the Version Updater component
The version updater component is a new feature that allow your app to check for updates and prompt the user to install them.
Jun 24, 2024
Announcing the Waitlist plugin
The waitlist plugin is a new feature that allows your users to sign up for early access to your app.
Apr 2, 2024
Introducing Makerkit Turbo: faster, simpler and more powerful SaaS Boilerplate
I 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, 2024
Announcing the AI Blog Writer SaaS Template
We'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, 2024
Building an AI Writer SaaS with Next.js and Supabase
Learn 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, 2024
Announcing the AI Chat with PDF SaaS Template
We'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, 2023
Announcing the Data Loader SDK for Supabase
We'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, 2023
Announcing the AI Chatbot SaaS Template
We'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, 2023
Announcing Premium Codebase Access
We are excited to announce that we are now offering Premium Codebase Access to all our users on the Teams Plan.
Nov 20, 2023
Announcing 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, 2023
November 2023 update: AI Editor Plugin, Data Teardown, Stripe Embedded Checkout
The 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, 2023
Adding AI capabilities to your Next.js SaaS with Supabase and HuggingFace
In 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, 2023
Announcing the AI Chatbot plugin for the Makerkit SaaS Starter kits
We 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, 2023
Announcing the Makerkit CLI
We 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, 2023
Announcing Plugins for Makerkit
We 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, 2023
SEO for Software Developers
The ultimate guide to mastering SEO for developers and founders who want to grow their SaaS
Sep 18, 2023
Announcing a new documentation generator for the Supabase Kits
We'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, 2023
Introducing the Makerkit Super Admin
The 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, 2023
Building an AI-powered Blog with Next.js and WordPress
Learn how to build a blog with Next.js 13 and WordPress and how to leverage AI to generate content.
Jul 31, 2023
Upcoming changes to Makerkit in Summer 2023
An overview of the changes coming to MakerKit in Summer 2023.
Jun 28, 2023
Introducing Makerkit Lite: a lightweight Next.js SaaS Boilerplate
Introducing 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, 2023
Using Supabase Vault to store secrets
Supabase 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, 2023
Building a SaaS in 2023: How to Build and Launch a SaaS Fast
Building 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, 2023
Introduction to Next.js Server Actions
Next.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, 2023
The importance of using a SaaS Starter as a solo founder
Learn 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, 2023
Using Lemon Squeezy for SaaS subscriptions with Makerkit
In this recipe, we provide a step-by-step guide to replace Stripe with Lemon Squeezy for Makerkit.
Mar 30, 2023
Announcing: 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, 2023
Announcing support for Multi-Factor Authentication (MFA) with Supabase
A sneak peek to our coming feature for Multi-Factor Authentication (MFA) with Supabase.
Mar 3, 2023
Next.js 13: complete guide to Server Components and the App Directory
Unlock the full potential of Next.js 13 with our most complete and definitive tutorial on using server components and the app directory.
Mar 1, 2023
How to add fonts to your Next.js 13 RSC app directory
Learn how to add fonts using the next/font package to your Next.js project using the app directory.
Feb 22, 2023
A sneak peek at the Supabase and Next.js RSC SaaS kit
A behind the scenes look at how we built the Supabase and Next.js RSC SaaS Starter.
Feb 21, 2023
How to write client-only code in Next.js Server Components
Find out how to write code that executes only in the client using Next.js Server Components
Feb 17, 2023
Pagination with React.js and Supabase
Discover the best practices for paginating data using Supabase and React.js using the Supabase Postgres client
Feb 17, 2023
A reusable Table component for React.js
How to build a reusable Table component for React.js using Tanstack and Tailwind CSS.
Jan 31, 2023
Makerkit ❤️ Radix UI
Makerkit migrated its UI Components to Radix UI, bringing a new look and feel to the platform.
Jan 22, 2023
Changelog: New Stripe Subscriptions Pages
We've redesigned the Makerkit subscriptions pages. Let's take a look at the new design.
Jan 20, 2023
How to sell code with Lemon Squeezy and Github
Sell and monetize your code by giving private access to your Github repositories using Lemon Squeezy
Jan 12, 2023
Writing clean React
Level up your React coding skills with Typescript using our comprehensive guide on writing clean code. Start writing clean React code, today.
Dec 26, 2022
How to use MeiliSearch with React
Learn 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, 2022
Get changed files in a git repository with Node.js
This snippet will help you retrieve the list of the currently changed files in a git repository using Node.js.
Dec 23, 2022
Planning Makerkit's 2023
A plan for the coming year at Makerkit. New kits, new blog posts, new documentation, courses, and more.
Dec 22, 2022
How to use Supabase with React Query
This post explains how to use Supabase with React Query, a popular React library for fetching data from the server.
Dec 22, 2022
Why you should use Remix for your SaaS
Are you building a SaaS? Here is why you should build it with Remix
Dec 21, 2022
Setting environment variables in Remix
Learn how to set environment variables in Remix and how to ensure that they are available in the client-side code.
Dec 18, 2022
Programmatic Authentication with Supabase and Cypress
Testing 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, 2022
How to reduce and boost your Firebase cold start times
Firebase 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, 2022
Reset the Supabase Database in Cypress
Resetting 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, 2022
Firebase 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, 2022
Introducing the Makerkit UI Storybook
Announcing 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, 2022
Authenticating users with Remix and Supabase
Learn how to use Remix and Supabase to authenticate users in your application.
Dec 2, 2022
How Makerkit helps boost your SaaS SEO
Learn how Makerkit can help boost your SaaS SEO thanks to its optimized codebase and SEO-friendly features.
Dec 2, 2022
Should 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, 2022
How to sell code with Gumroad and Github
Sell and monetize your code by giving private access to your Github repositories using Gumroad
Oct 29, 2022
Collecting payments upfront
If 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, 2022
Removing Organizations from your Project
If your project does not need Organizations, follow this tutorial to remove them from your project
Oct 27, 2022
Migrating to Next.js Server Components Layouts
A simple guide to migrating your _app.tsx component to the new Server Components released with Next.js 13
Oct 27, 2022
Getting Started with Next.js Server Components
A simple introduction to using Server Components and the new Layouts Folder Structure with Next.js 13
Oct 21, 2022
Counting a collection's documents with Firebase Firestore
In this article, we learn how to count the number of documents in a Firestore collection using a custom React.js hook.
Oct 21, 2022
Pagination with React.js and Firebase Firestore
In this article, we learn how to paginate data fetched from Firebase Firestore with React.js
Oct 12, 2022
Building a Language Switcher for Next.js
In this article, we create a Language dropdown to switch to another language using Next.js and next-i18n.
Oct 8, 2022
Testing emails with a local SMTP Server
In this recipe, we extend and configure Makerkit to have a fully local email server to test our application's outgoing emails
Oct 6, 2022
Limiting the Firebase Storage space used by each customer
Limiting 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, 2022
Creating a Waitlist with Firebase Auth
Implement a waitlist sign-up with Firebase Auth and allow sign-ins in batches to your SaaS
Oct 5, 2022
Using ElasticSearch with Next.js
In this article, we share how to use ElasticSearch with Next.js to index your Firestore documents and make them searchable.
Sep 30, 2022
v0.5.0: Design Improvements and code-cleanup
The version 0.5.0 adds improvements to the overall design, and adds Firebase Storage security rules backed by Firestore
Sep 29, 2022
Using Firestore in Firebase Storage Rules
Firebase Storage now allows you to use Firestore queries to in your security rules. Here is all you need to know!
Sep 22, 2022
Turn your Next.js application into a PWA
PWA 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, 2022
v0.4.0: Phone Authentication
The 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, 2022
v0.3.0: Multi-Factor Authentication and Multi-Provider accounts
The version 0.3.0 adds the ability to enable Multi-Factor Authentication and for users to link their account to multiple providers
Sep 5, 2022
v0.2.0: Transferring Ownership of an organization
The version 0.2.0 adds the ability to transfer the ownership of an organization to another member
Sep 2, 2022
Email Link Authentication with Firebase and Next.js
Learn how to add Email Link authentication to your SaaS application with Firebase Auth and Next.js
Aug 29, 2022
Adding a new MDX content source
Add a new MDX content source to your website
Aug 28, 2022
Charging SaaS Tenants based on the number of users
Let's extend Makerkit to charge Stripe customers based on the number of users in an organization
Aug 20, 2022
Walkthrough: Starting a Makerkit project with Firebase and Next.js
This walkthrough is a summary of the documentation to quickly bootstrapping a SaaS project with Makerkit
Aug 16, 2022
Secure your Next.js application with Firebase AppCheck
Firebase 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, 2022
Programmatic Authentication with Firebase and Cypress
Testing 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, 2022
Caching a Next.js API with Redis
Find out how to cache a Next.js Serverless API with Redis
Aug 6, 2022
How to fix common hydration issues in Next.js and React 18
Common Next.js hydration issues and how to fix them
Aug 4, 2022
The complete guide to Stripe and Next.js
Learn everything you need to start collecting payments for your Next.js application with Stripe Checkout
Aug 3, 2022
Improve your Next.js website Core Web Vitals
In this post, we share how to optimize the performance of your Next.js website and improve your Core Web Vitals
Aug 3, 2022
Add Tailwind CSS to Next.js
Learn how to install and use Tailwind CSS in your Next.js website
Aug 2, 2022
How to call an API with Next.js
Learn how to call API endpoints in your Next.js application
Aug 2, 2022
When to use SSR with Next.js
Learn when to use SSR or SSG with your Next.js application
Jul 29, 2022
Logging users out with Firebase Auth and Next.js
Learn how to sign users out with Firebase Auth and Next.js, and automatically redirect the user out of the page
Jul 29, 2022
How to generate an RSS feed with Next.js
Let's learn how to generate an RSS feed for our Next.js website in various formats.
Jul 29, 2022
Initialize the Firebase Admin with Next.js
Learn how to use Firebase on the server with Next.js
Jul 29, 2022
How to redirect to a page with Next.js
Learn the ways to redirect users to another page with Next.js
Jul 26, 2022
Blocking authentication with Firebase Auth Functions
Firebase has introduced functions that allow us to write server logic before or after authenticating. Let's see how to use them.
Jul 24, 2022
How to make a Convertkit sign-up form with Next.js
Want to grow your Newsletter list? Learn how to build a sign-up form with Convertkit and Next.js
Jul 23, 2022
How to make a Sitemap with Next.js
Sitemaps are fundamental for SEO. This post shares how to build a sitemap with Next.js
Jul 23, 2022
Why you should use Next.js for your SaaS
Are you building a SaaS? Here is why you should build it with Next.js
Jul 22, 2022
Group Security with Firestore Storage and Next.js
Learn how to write Firebase security rules for groups of users
Jul 21, 2022
Is Firebase good for building a SaaS?
This post highlights the reasons why Firebase is a great option for developing a SaaS platform
Jul 21, 2022
Using Google Analytics with Next.js
A complete guide to using Next.js and Google Analytics
Jul 11, 2022
How to test Stripe Checkout with Cypress
The full guide to testing Stripe Checkout with Cypress
Jun 2, 2022
Makerkit upgraded to React 18
React 18 has been released, and with it many exciting features.
Mar 30, 2022
Create an MDX-powered Blog with Next.js
Let's create an MDX-powered blog and portfolio starter that you can deploy right away with Next.js and Tailwind CSS
Mar 29, 2022
How to improve your Next.js site SEO ranking
Learn the tips and techniques to develop a highly search-engine optimized Next.js website.
Mar 28, 2022
Benefits of a single codebase for SaaS Marketing and Product pages
Having a single codebase for Marketing and your SaaS product can be challenging. We explain why we think it's worth it.
Mar 19, 2022
A Data Model for your Firebase SaaS
Learn how to architecture the data model of a SaaS application with Firebase Firestore
Mar 18, 2022
Using Firestore with Next.js
Learn how to start using Firebase Firestore in your Next.js and React application
Mar 18, 2022
In-depth guide to Firestore Security Rules
Learn how to secure your Firebase Firestore database with Security Rules
Jan 17, 2022
Setting Up the Firebase Emulators with Next.js
A complete guide to setting up the Firebase Emulators within a Next.js and React application
Jan 17, 2022
The Ultimate Authentication Guide with Next.js and Firebase
The ultimate guide to adding Firebase authentication to any Next.js and React applications
Jan 5, 2022
Get paid with Stripe
MakerKit makes it super-easy to add Stripe payment and subscriptions to your Firebase and Next.js application. Learn how!
Jan 12, 2021
Why MakerKit - A Firebase SaaS Boilerplate for Next.js
Learn why we built MakerKit - a complete boilerplate for building SaaS applications in no time built with Firebase, Next.js and Tailwind CSS