Blog

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

How 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
Using 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.
Upgrading 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.
Announcing 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.
Secure One-Time Tokens with Supabase and PostgresLearn how to implement robust, self-cleaning nonces using Postgres functions in your Supabase project.
Introducing 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.
Introducing 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.
Introducing the Testimonial Plugin for MakerkitIntroducing a new plugin to add testimonials to your app with ease
Creating 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.
Introducing 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.
Building 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
Mastering 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.
Announcing the Feedback pluginThe feedback plugin is a new feature that allows your users to give feedback on your app.
Announcing 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.
Announcing the Waitlist pluginThe waitlist plugin is a new feature that allows your users to sign up for early access to your app.
Introducing 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.
Announcing 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.
Building 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.
Announcing 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.
Announcing 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.
Announcing 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.
Announcing Premium Codebase AccessWe are excited to announce that we are now offering Premium Codebase Access to all our users on the Teams Plan.
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.
November 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!
Adding 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.
Announcing 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.
Announcing 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.
Announcing 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.
SEO for Software DevelopersThe ultimate guide to mastering SEO for developers and founders who want to grow their SaaS
Announcing 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.
Introducing 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.
Building 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.
Upcoming changes to Makerkit in Summer 2023An overview of the changes coming to MakerKit in Summer 2023.
Introducing 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.
Using 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
Building 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.
Introduction 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.
The 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.
Using Lemon Squeezy for SaaS subscriptions with MakerkitIn this recipe, we provide a step-by-step guide to replace Stripe with Lemon Squeezy for Makerkit.
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.
Announcing support for Multi-Factor Authentication (MFA) with SupabaseA sneak peek to our coming feature for Multi-Factor Authentication (MFA) with Supabase.
Next.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.
How 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.
A 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.
How 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
Pagination with React.js and SupabaseDiscover the best practices for paginating data using Supabase and React.js using the Supabase Postgres client
A reusable Table component for React.jsHow to build a reusable Table component for React.js using Tanstack and Tailwind CSS.
Makerkit ❤️ Radix UIMakerkit migrated its UI Components to Radix UI, bringing a new look and feel to the platform.
Changelog: New Stripe Subscriptions PagesWe've redesigned the Makerkit subscriptions pages. Let's take a look at the new design.
How to sell code with Lemon Squeezy and GithubSell and monetize your code by giving private access to your Github repositories using Lemon Squeezy
Writing clean ReactLevel up your React coding skills with Typescript using our comprehensive guide on writing clean code. Start writing clean React code, today.
How 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
Get 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.
Planning Makerkit's 2023A plan for the coming year at Makerkit. New kits, new blog posts, new documentation, courses, and more.
How 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.
Why you should use Remix for your SaaSAre you building a SaaS? Here is why you should build it with Remix
Setting environment variables in RemixLearn how to set environment variables in Remix and how to ensure that they are available in the client-side code.
Programmatic 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.
How 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.
Reset 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.
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.
Introducing 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.
Authenticating users with Remix and SupabaseLearn how to use Remix and Supabase to authenticate users in your application.
How Makerkit helps boost your SaaS SEOLearn how Makerkit can help boost your SaaS SEO thanks to its optimized codebase and SEO-friendly features.
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.
How to sell code with Gumroad and GithubSell and monetize your code by giving private access to your Github repositories using Gumroad