Tutorials

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