How to Compose Next 13 Link and MUI Link (with Typescript)
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.
Read MoreCategory NextJS
How to Scroll to an HTML Element in NextJS
In this tutorial, you'll learn how to scroll smoothly to an element in NextJS.
Read MoreHow to Create Linkable NextJS Tabs using HeadlessUI and TailwindCSS
Learn how to create a linkable, bookmarkable, and accessible tabs component in NextJS by using @headlessui/react and tailwind css.
Read MoreHow to Create a Responsive Tailwind Sidebar Layout in NextJS 12
Learn how to create a beautiful Responsive Tailwind Sidebar Layout from SCRATCH in NextJS. We'll also use Typescript to implement the components.
Read MoreHow to Create a Custom Image Loader in NextJS
Learn how to create a custom image loader in NextJS and avoid or reduce image optimization limitations in Vercel.
Read MoreHow to Send POST Request to External API in NextJS
Learn how to send a POST request to an external API in NextJS and find out how to avoid the CORS error.
Read MoreHow to Submit NextJS Form to API using FormData (Typescript)
Learn how to submit form data to an API in NextJS without using external libraries like Formik and react-hook-form.
Read MoreHow to Set up Styled-Components with SSR in NextJS (Typescript)
Learn how to set up styled-components themes in NextJS when using Typescript.
Read MoreUltimate Guide: How to Setup Multiple Layouts in NextJS (Typescript)
Learn how to implement multiple layouts in NextJS in different parts of an application with Typescript.
Read MoreHow to Add Navbar to All Pages in NextJS
Learn how to add a Navbar in All Pages in NextJS 12
Read MoreNextJS Folder Structure: Where to Put Components in NextJS 12
In this tutorial, you'll learn how to set up your folder structure for a NextJS project. We follow this folder structure for my team and it reduces the cognitive load when finding components
Read MoreHow to Setup Multiple Themes in NextJS with React-Bootstrap
Learn how to setup multiple custom themes in a NextJS project with a react-bootstrap UI using sass.
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
