Tag #next.js

Learn how to set server-side cookies in NextJS. We'll set cookies in getServerSideProps, API routes, and middleware.

In this tutorial you'll learn how to add password protection to a static website. It will be useful if you have a website undergoing development or preview deployments hosted on Vercel.

In this tutorial, you'll learn how to use a server-side redirect to prevent the flashing of content for unauthenticated users. We'll use NextJS Middleware along with the next-auth package for authentication.

In this tutorial, you'll learn how to redirect the user after signing in to NextJS.

Learn how to get the user's country in NextJS when deploying on Vercel or any other platform. And then how to simulate the country to check for business logic for a NextJS Application

Learn how to get the user IP in NextJS, inside middleware, getServerSideProps, and API routes.

Learn how to change the home page to not use index.tsx in a NextJS Application.

Learn the best practices to set up role-based authentication/authorization using NextJS middleware with NextAuth.js and Typescript

Learn how to extend the user and session objects in typescript to get more information about the user when using useSession, getSession, or getToken.

In NextJS, The origin URL changes if it's a preview branch deployment. Learn how to get the absolute URL in NextJS for both client and server.

Learn how to separate the logic if you have multiple middlewares in NextJS. In this tutorial, we'll show you exactly how to do this by using higher-order functions to create middleware functions.

Learn how to build multi-page forms with Formik and NextJS. Retain the form state across multiple tabs and routes using shallow routing.