How to Get The Current URL Domain in NextJS Server-Side and Client-Side
Learn how to get the current URL domain inside a React component in NextJS for both client-side and server-side rendering.
Read MoreTagged: #nextjs
How to Lazy Load Components in NextJS
Learn how to lazy load components in NextJS using the dynamic import feature.
Read MoreHow to Implement NextJS Form Validation with Formik and Zod
In this tutorial, you'll learn how to implement form validation using Formik and Zod in NextJS.
Read MoreHow to Create an Efficient Code Syntax Highlighter Component in React using PrismJS
In this tutorial, you'll learn how to create an efficient code syntax highlighter component in React using PrismJS with Typescript.
Read MoreHow to Create a Carousel in NextJS using TailwindCSS and EmblaCarousel
In this tutorial, you'll learn how to create a fully customizable carousel component in NextJS using TailwindCSS and EmblaCarousel.
Read MoreHow to Implement Nested Dynamic Routes In NextJS
Learn how to implement nested dynamic routing patterns in NextJS such as /category/{categoryId}/subcategory/{subcategory} or /category/{category/{subcategory}, and more.
Read MoreHow to Create Custom 404 Page in NextJS 12
Learn how to create a useful custom 404 page in NextJS 12 using the pages directory.
Read MoreHow to Set NextJS Images with auto Width and Height
Learn how to set the NextJS images with auto width and height so that it depends on their container and layout.
Read MoreHow to use Axios in NextJS using axios-hooks Package
In this tutorial, you'll learn how to use axios on the client-side in NextJS with the awesome axios-hooks package.
Read MoreHow to Create React Wave Effect Animation using SVG
Learn how to create a react wave animation background using an SVG element and some CSS.
Read MoreHow to Add Enter and Exit Page Transitions in NextJS by using TailwindCSS
Learn how to add page transition animations easily in NextJS using TailwindCSS with very minimal dependencies, and no framer-motion required!
Read MoreHow to Set Up NextJS and TailwindCSS in 2023
Learn how to set up NextJS 13 and TailwindCSS in 2023. We'll set it up from scratch for pages and app directories, and use an existing template to speed up installation.
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
