Blog
Tutorials, Guides and Updates for building your Next.js SaaS
Makerkit ❤️ Radix UI
·2 min read
Makerkit migrated its UI Components to Radix UI, bringing a new look and feel to the platform.
Changelog: New Stripe Subscriptions Pages
·3 min read
We've redesigned the Makerkit subscriptions pages. Let's take a look at the new design.
How to sell code with Lemon Squeezy and Github
·7 min read
Sell and monetize your code by giving private access to your Github repositories using Lemon Squeezy
How to use MeiliSearch with React
·12 min read
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
Planning Makerkit's 2023
·2 min read
A plan for the coming year at Makerkit. New kits, new blog posts, new documentation, courses, and more.
How to use Supabase with React Query
·8 min read
This 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 SaaS
·4 min read
Are you building a SaaS? Here is why you should build it with Remix
Setting environment variables in Remix
·3 min read
Learn 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 Cypress
·3 min read
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.
Reset the Supabase Database in Cypress
·4 min read
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.
Firebase vs Supabase: Which one is better for your next project?
·8 min read
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 Storybook
·2 min read
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.
Authenticating users with Remix and Supabase
·16 min read
Learn how to use Remix and Supabase to authenticate users in your application.
How Makerkit helps boost your SaaS SEO
·4 min read
Learn 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?
·3 min read
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 Github
·7 min read
Sell and monetize your code by giving private access to your Github repositories using Gumroad
Migrating to Next.js Server Components Layouts
·6 min read
A simple guide to migrating your _app.tsx component to the new Server Components released with Next.js 13
Getting Started with Next.js Server Components
·8 min read
A simple introduction to using Server Components and the new Layouts Folder Structure with Next.js 13
Counting a collection's documents with Firebase Firestore
·2 min read
In this article, we learn how to count the number of documents in a Firestore collection using a custom React.js hook.
Pagination with React.js and Firebase Firestore
·6 min read
In this article, we learn how to paginate data fetched from Firebase Firestore with React.js
Building Multi-Step forms with React.js
·12 min read
In this article, we explain how to build Multi-Step forms with Next.js and the library react-hook-form
Building a Language Switcher for Next.js
·4 min read
In this article, we create a Language dropdown to switch to another language using Next.js and next-i18n.
Creating a Waitlist with Firebase Auth
·3 min read
Implement a waitlist sign-up with Firebase Auth and allow sign-ins in batches to your SaaS
Using ElasticSearch with Next.js
·8 min read
In this article, we share how to use ElasticSearch with Next.js to index your Firestore documents and make them searchable.
v0.5.0: Design Improvements and code-cleanup
·2 min read
The version 0.5.0 adds improvements to the overall design, and adds Firebase Storage security rules backed by Firestore
Using Firestore in Firebase Storage Rules
·3 min read
Firebase Storage now allows you to use Firestore queries to in your security rules. Here is all you need to know!
Turn your Next.js application into a PWA
·4 min read
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.
v0.4.0: Phone Authentication
·2 min read
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
v0.3.0: Multi-Factor Authentication and Multi-Provider accounts
·2 min read
The version 0.3.0 adds the ability to enable Multi-Factor Authentication and for users to link their account to multiple providers
v0.2.0: Transferring Ownership of an organization
·2 min read
The version 0.2.0 adds the ability to transfer the ownership of an organization to another member
Email Link Authentication with Firebase and Next.js
·4 min read
Learn how to add Email Link authentication to your SaaS application with Firebase Auth and Next.js