Blog

Makerkit migrated its UI Components to Radix UI, bringing a new look and feel to the platform.

We've redesigned the Makerkit subscriptions pages. Let's take a look at the new design.

Sell and monetize your code by giving private access to your Github repositories using Lemon Squeezy

Learn how to write clean React code using Typescript with this guide.

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

A plan for the coming year at Makerkit. New kits, new blog posts, new documentation, courses, and more.

This post explains how to use Supabase with React Query, a popular React library for fetching data from the server.

Are you building a SaaS? Here is why you should build it with Remix

Learn how to set environment variables in Remix and how to ensure that they are available in the client-side code.

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.

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 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.

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.

Learn how to use Remix and Supabase to authenticate users in your application.

Learn how Makerkit can help boost your SaaS SEO thanks to its optimized codebase and SEO-friendly features.

In this post, we'll be looking at the pros and cons of using Makerkit as your SaaS boilerplate.

Sell and monetize your code by giving private access to your Github repositories using Gumroad

A simple guide to migrating your _app.tsx component to the new Server Components released with Next.js 13

A simple introduction to using Server Components and the new Layouts Folder Structure with Next.js 13

In this article, we learn how to count the number of documents in a Firestore collection using a custom React.js hook.

In this article, we learn how to paginate data fetched from Firebase Firestore with React.js

In this article, we explain how to build Multi-Step forms with Next.js and the library react-hook-form

In this article, we create a Language dropdown to switch to another language using Next.js and next-i18n.

Implement a waitlist sign-up with Firebase Auth and allow sign-ins in batches to your SaaS

In this article, we share how to use ElasticSearch with Next.js to index your Firestore documents and make them searchable.

The version 0.5.0 adds improvements to the overall design, and adds Firebase Storage security rules backed by Firestore

Firebase Storage now allows you to use Firestore queries to in your security rules. Here is all you need to know!

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.

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

The version 0.3.0 adds the ability to enable Multi-Factor Authentication and for users to link their account to multiple providers

The version 0.2.0 adds the ability to transfer the ownership of an organization to another member

Learn how to add Email Link authentication to your SaaS application with Firebase Auth and Next.js