Blog

Tutorials, Guides and Updates for building your Next.js SaaS

Cover Image for Creating a Waitlist with Firebase Auth

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
Cover Image for Using ElasticSearch with Next.js

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.
Cover Image for v0.5.0: Design Improvements and code-cleanup

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
Cover Image for Using Firestore in Firebase Storage Rules

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!
Cover Image for Turn your Next.js application into a PWA

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.
Cover Image for v0.4.0: Phone Authentication

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
Cover Image for v0.3.0: Multi-Factor Authentication and Multi-Provider accounts

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
Cover Image for v0.2.0: Transferring Ownership of an organization

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
Cover Image for Email Link Authentication with Firebase and Next.js

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
Cover Image for Walkthrough: Starting a Makerkit project with Firebase and Next.js

Walkthrough: Starting a Makerkit project with Firebase and Next.js

·9 min read
This walkthrough is a summary of the documentation to quickly bootstrapping a SaaS project with Makerkit
Cover Image for Secure your Next.js application with Firebase AppCheck

Secure your Next.js application with Firebase AppCheck

·7 min read
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.
Cover Image for Programmatic Authentication with Firebase and Cypress

Programmatic Authentication with Firebase and Cypress

·4 min read
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.
Cover Image for Caching a Next.js API with Redis

Caching a Next.js API with Redis

·5 min read
Find out how to cache a Next.js Serverless API with Redis
Cover Image for The complete guide to Stripe and Next.js

The complete guide to Stripe and Next.js

·21 min read
Learn everything you need to start collecting payments for your Next.js application with Stripe Checkout
Cover Image for Improve your Next.js website Core Web Vitals

Improve your Next.js website Core Web Vitals

·7 min read
In this post, we share how to optimize the performance of your Next.js website and improve your Core Web Vitals
Cover Image for How to call an API with Next.js

How to call an API with Next.js

·8 min read
Learn how to call API endpoints in your Next.js application
Cover Image for When to use SSR with Next.js

When to use SSR with Next.js

·4 min read
Learn when to use SSR or SSG with your Next.js application
Cover Image for Blocking authentication with Firebase Auth Functions

Blocking authentication with Firebase Auth Functions

·2 min read
Firebase has introduced functions that allow us to write server logic before or after authenticating. Let's see how to use them.
Cover Image for How to make a Convertkit sign-up form with Next.js

How to make a Convertkit sign-up form with Next.js

·5 min read
Want to grow your Newsletter list? Learn how to build a sign-up form with Convertkit and Next.js
Cover Image for How to make a Sitemap with Next.js

How to make a Sitemap with Next.js

·5 min read
Sitemaps are fundamental for SEO. This post shares how to build a sitemap with Next.js
Cover Image for Why you should use Next.js for your SaaS

Why you should use Next.js for your SaaS

·5 min read
Are you building a SaaS? Here is why you should build it with Next.js
Cover Image for Group Security with Firestore Storage and Next.js

Group Security with Firestore Storage and Next.js

·6 min read
Learn how to write Firebase security rules for groups of users
Cover Image for Is Firebase good for building a SaaS?

Is Firebase good for building a SaaS?

·5 min read
This post highlights the reasons why Firebase is a great option for developing a SaaS platform
Cover Image for Using Google Analytics with Next.js

Using Google Analytics with Next.js

·5 min read
A complete guide to using Next.js and Google Analytics
Cover Image for How to test Stripe Checkout with Cypress

How to test Stripe Checkout with Cypress

·8 min read
The full guide to testing Stripe Checkout with Cypress
Cover Image for Makerkit upgraded to React 18

Makerkit upgraded to React 18

·2 min read
React 18 has been released, and with it many exciting features.
Cover Image for Create an MDX-powered Blog with Next.js

Create an MDX-powered Blog with Next.js

·13 min read
Let's create an MDX-powered blog and portfolio starter that you can deploy right away with Next.js and Tailwind CSS
Cover Image for How to improve your Next.js site SEO ranking

How to improve your Next.js site SEO ranking

·8 min read
Learn the tips and techniques to develop a highly search-engine optimized Next.js website.
Cover Image for Benefits of a single codebase for SaaS Marketing and Product pages

Benefits of a single codebase for SaaS Marketing and Product pages

·4 min read
Having a single codebase for Marketing and your SaaS product can be challenging. We explain why we think it's worth it.
Cover Image for A Data Model for your Firebase SaaS

A Data Model for your Firebase SaaS

·9 min read
Learn how to architecture the data model of a SaaS application with Firebase Firestore
Cover Image for Using Firestore with Next.js

Using Firestore with Next.js

·7 min read
Learn how to start using Firebase Firestore in your Next.js and React application
Cover Image for In-depth guide to Firestore Security Rules

In-depth guide to Firestore Security Rules

·6 min read
Learn how to secure your Firebase Firestore database with Security Rules
Cover Image for Setting Up the Firebase Emulators with Next.js

Setting Up the Firebase Emulators with Next.js

·5 min read
A complete guide to setting up the Firebase Emulators within a Next.js and React application
Cover Image for The Ultimate Authentication Guide with Next.js and Firebase

The Ultimate Authentication Guide with Next.js and Firebase

·17 min read
The ultimate guide to adding Firebase authentication to any Next.js and React applications
Cover Image for Get paid with Stripe

Get paid with Stripe

·2 min read
MakerKit makes it super-easy to add Stripe payment and subscriptions to your Firebase and Next.js application. Learn how!
Cover Image for Why MakerKit - A Firebase SaaS Boilerplate for Next.js

Why MakerKit - A Firebase SaaS Boilerplate for Next.js

·3 min read
Learn why we built MakerKit - a complete boilerplate for building SaaS applications in no time built with Firebase, Next.js and Tailwind CSS