All posts about #best-practices

In this tutorial, you'll learn how to add typescript types to NextJS API request body using the typescript schema declaration and validation library, Zod.

In this tutorial, you'll learn how to scroll smoothly to an element in NextJS.

Learn how to create a custom image loader in NextJS and avoid or reduce image optimization limitations in Vercel.

Learn how to send a POST request to an external API in NextJS and find out how to avoid the CORS error.

Learn how to submit form data to an API in NextJS without using external libraries like Formik and react-hook-form.

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 get the user IP in NextJS, inside middleware, getServerSideProps, and API routes.

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 the best practices when using redirects in NextJS. When and how to redirect inside getStaticProps, getServerSideProps, middleware, API routes and next.config.js

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.

This tutorial shows us different ways of calling REST API properly in React by using react hooks. We also explore the choices involved on what library to use in different scenarios.