All Posts: Page 8

Learn how to lazy load components in NextJS using the dynamic import feature.

In this tutorial, you'll learn how to implement form validation using Formik and Zod in NextJS.

In this tutorial, you'll learn how to create an efficient code syntax highlighter component in React using PrismJS with Typescript.

In this tutorial, you'll learn how to create a fully customizable carousel component in NextJS using TailwindCSS and EmblaCarousel.

Learn how to implement nested dynamic routing patterns in NextJS such as /category/{categoryId}/subcategory/{subcategory} or /category/{category/{subcategory}, and more.

Learn how to create a dynamic multi-line react skeleton loader component using NextJS as our react framework and TailwindCSS for styling.

Learn how to create a useful custom 404 page in NextJS 12 using the pages directory.

Learn how to set the NextJS images with auto width and height so that it depends on their container and layout.

In this tutorial, you'll learn how to use axios on the client-side in NextJS with the awesome axios-hooks package.

Learn how to create a react wave animation background using an SVG element and some CSS.

Learn how to define or create generic functional components in react.

Learn how to add page transition animations easily in NextJS using TailwindCSS with very minimal dependencies, and no framer-motion required!