Tagged: #best-practices

Learn how to create a custom MUI search bar component for your project. We'll have to customize the style for some MUI components to get the UI that we want.

Learn how to use session storage in react by creating a custom hook, useSessionStorage from usehooks-ts.

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