All Posts

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!

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.

Learn how to create a react confirm alert dialog component from scratch using TailwindCSS, HeadlessUI, Typescript, and React context hooks.

In this tutorial, you'll learn how to create a dynamic data-driven breadcrumbs component in NextJS with TailwindCSS and Typescript.

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.

Layout can sometimes be tricky. In this tutorial, you'll learn how to create a create a responsive and collapsible sidebar layout using tailwind's grid system classes.

NextJS released a major update (Next 13) where it updated the next/link component. In this tutorial, you'll learn how to integrate MUI Link with next/link.

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