Next

In this post, we'll show you how to create a delightful onboarding experience using the Multi-Step Form Component for Makerkit.

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

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

Learn how to implement and optimize URL pattern matching in Next.js middleware to create more efficient and maintainable server-side logic.

Learn how to build an AI Writer SaaS with Next.js and Supabase - from writing SEO optimized blog posts to managing subscriptions and billing.

In this tutorial, we will learn how to use add AI capabilities to your SaaS using Supabase Vector, HuggingFace models and Next.js Server Components.

Learn how to build a blog with Next.js 13 and WordPress and how to leverage AI to generate content.

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

Unlock the full potential of Next.js 13 with our most complete and definitive tutorial on using server components and the app directory.

A behind the scenes look at how we built the Supabase and Next.js RSC SaaS Starter.

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 paginate data fetched from Firebase Firestore with React.js

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

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

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.

This walkthrough is a summary of the documentation to quickly bootstrapping a SaaS project with Makerkit

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.

Find out how to cache a Next.js Serverless API with Redis

Learn everything you need to start collecting payments for your Next.js application with Stripe Checkout

In this post, we share how to optimize the performance of your Next.js website and improve your Core Web Vitals

Learn how to call API endpoints in your Next.js application

Learn when to use SSR or SSG with your Next.js application

Want to grow your Newsletter list? Learn how to build a sign-up form with Convertkit and Next.js

Sitemaps are fundamental for SEO. This post shares how to build a sitemap with Next.js

Are you building a SaaS? Here is why you should build it with Next.js

Learn how to write Firebase security rules for groups of users

A complete guide to using Next.js and Google Analytics

Learn how to start using Firebase Firestore in your Next.js and React application

A complete guide to setting up the Firebase Emulators within a Next.js and React application

The ultimate guide to adding Firebase authentication to any Next.js and React applications