Tagged: #nextjs

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.

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.

Learn how to create a linkable, bookmarkable, and accessible tabs component in NextJS by using @headlessui/react and tailwind css.

Learn how to create a beautiful Responsive Tailwind Sidebar Layout from SCRATCH in NextJS. We'll also use Typescript to implement the components.

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 create a react multi-range slider easily by using react-slider and Tailwind CSS.