All Posts

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 create a custom Formik select component using HeadlessUI, DaisyUI, and TailwindCSS.

In this tutorial, you'll learn how to use react-select with Formik.

In this tutorial, you'll learn how to create a custom Formik Dropdown component using HeadlessUI, DaisyUI, and TailwindCSS.

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.