All posts about NextJS

Learn how to add a Navbar in All Pages in NextJS 12

In this tutorial, you'll learn how to set up your folder structure for a NextJS project. We follow this folder structure for my team and it reduces the cognitive load when finding components

Learn how to setup multiple custom themes in a NextJS project with a react-bootstrap UI using sass.

Learn how to add react-bootstrap to an existing NextJS App and change the default theme using sass.

In this tutorial, you'll learn how to add SSR Cache (getServerSideProps) in NextJS.

In this tutorial, you'll learn how to simulate the user's IP address and country to test your application across different geographic locations.

Learn how to prevent scroll-to-top when using router.push or Link component.

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 remove query params in NextJS without refreshing the page.