Ultimate Guide on How to Add React-Bootstrap to NextJS
Learn how to add react-bootstrap to an existing NextJS App and change the default theme using sass.
Read MoreCategory NextJS
How to Add HTTP Caching to getServerSideProps in NextJS
In this tutorial, you'll learn how to add SSR Cache (getServerSideProps) in NextJS.
Read MoreHow to simulate User Country or IP address in NextJS
In this tutorial, you'll learn how to simulate the user's IP address and country to test your application across different geographic locations.
Read MoreNextJS Prevent Scroll to Top on Route Change
Learn how to prevent scroll-to-top when using router.push or Link component.
Read MoreHow to Set Server-Side Cookie In Next JS
Learn how to set server-side cookies in NextJS. We'll set cookies in getServerSideProps, API routes, and middleware.
Read MorePassword Protect Static Website in NextJS
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.
Read MoreNextJS Redirect Without Flashing Content
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.
Read MoreNextJS How to Redirect After Login
In this tutorial, you'll learn how to redirect the user after signing in to NextJS.
Read MoreHow to Remove Query Params in NextJS Without Refreshing the Page
Learn how to remove query params in NextJS without refreshing the page.
Read MoreHow to Get the User's Country in NextJS
Learn how to get the user's country in NextJS when deploying on Vercel or any other platform. And then how to simulate the country to check for business logic for a NextJS Application
Read MoreHow to Get User's IP Address in NextJS
Learn how to get the user IP in NextJS, inside middleware, getServerSideProps, and API routes.
Read MoreHow to Change Home Page to Use a Different File in NextJS
Learn how to change the home page to not use index.tsx in a NextJS Application.
Read MoreDisclaimer
This content may contain links to products, software and services. Please
assume all such links are affiliate links which may result in my earning
commissions and fees.
As an Amazon Associate, I earn from qualifying purchases. This means that
whenever you buy a product on Amazon from a link on our site, we receive a
small percentage of its price at no extra cost to you. This helps us
continue to provide valuable content and reviews to you. Thank you for
your support!
Tags
#React.js#javascript#next.js#router#best practices#daisyui#tailwindcss#urql#typescript#next#editorjs#prism.js#react-table#Formik#Javascript Fundamentals#React Debounce#GraphQL#escape regex#Typescript Basics#Node#NextAuth.js#Next Middleware#react-select#react-bootstrap#sass#styled-components#MUI#purge-css#axios#Carousel#zod#yup#dayjs#date validation#lodash#react hooks#material-ui#mongoose#typegoose#mongodb#next-app-router#next 13#chart-js#chart-js-2#chart-js-3#stripe#stripe checkout#react chartjs 2#nodejs#local storage#astro#ga4#google analytics 4#ubuntu
