Category NextJS

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 get the session in NextJS v12.2+ Middleware using NextAuth.js v4.13.

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.

Learn the best practices when using redirects in NextJS. When and how to redirect inside getStaticProps, getServerSideProps, middleware, API routes and next.config.js

Learn how to redirect to 404 Page when using getServerSideProps and getStaticProps Dynamic Routes.

In this tutorial we're going to learn how to parse and get fully-typed NextJS query parameters in Typescript.

Learn how to build a 6-digit react otp input and automatic submission through WebOTP API in a React Application.

In this tutorial, we'll setup Graphql URQL Client in NextJS to include Server-side rendering.

If you have a nextjs blog or website, you would want to speed it up by reducing your bundle size. One way to drastically reduce bundle size is to replace react with preact.