Tagged: #nextjs

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.

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.

Add Google Analytics 4 to an existing NextJS Typescript application. Creating a GA Tracking ID, Modify nextjs to use GA4 and add typings for gtag.js to enable type safety when adding events.