Next
Tutorials and Guides about Next
Creating a Delightful Onboarding Experience with Multi-Step Forms
·10 min read
In this post, we'll show you how to create a delightful onboarding experience using the Multi-Step Form Component for Makerkit.
Introducing the Multi-Step Form Component for Makerkit
·3 min read
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.
Building Multi-Step forms with React.js
·14 min read
In this article, we explain how to build Multi-Step forms with Next.js and the library react-hook-form
Mastering URL Patterns in Next.js Middleware: A Comprehensive Guide
·5 min read
Learn how to implement and optimize URL pattern matching in Next.js middleware to create more efficient and maintainable server-side logic.
Building an AI Writer SaaS with Next.js and Supabase
·57 min read
Learn how to build an AI Writer SaaS with Next.js and Supabase - from writing SEO optimized blog posts to managing subscriptions and billing.
Adding AI capabilities to your Next.js SaaS with Supabase and HuggingFace
·20 min read
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.
Building an AI-powered Blog with Next.js and WordPress
·17 min read
Learn how to build a blog with Next.js 13 and WordPress and how to leverage AI to generate content.
Introduction to Next.js Server Actions
·9 min read
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.
Next.js 13: complete guide to Server Components and the App Directory
·19 min read
Unlock the full potential of Next.js 13 with our most complete and definitive tutorial on using server components and the app directory.
A sneak peek at the Supabase and Next.js RSC SaaS kit
·9 min read
A behind the scenes look at how we built the Supabase and Next.js RSC SaaS Starter.
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
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 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.
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.
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.
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
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.
Caching a Next.js API with Redis
·5 min read
Find out how to cache a Next.js Serverless API with Redis
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
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
How to call an API with Next.js
·8 min read
Learn how to call API endpoints in your Next.js application
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
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
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
Group Security with Firestore Storage and Next.js
·6 min read
Learn how to write Firebase security rules for groups of users
Using Google Analytics with Next.js
·5 min read
A complete guide to using Next.js and Google Analytics
Using Firestore with Next.js
·7 min read
Learn how to start using Firebase Firestore in your Next.js and React application
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
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