How to Set Up MUI with NextJS, Emotion and Typescript
Learn how to set up the popular react library MUI with NextJS and Typescript.
Read MoreCategory Typescript
useOnlineStatus: A Hook to Check Online Status in React
Learn how to check the online status of your react application by creating a simple custom hook useOnlineStatus.
Read MoreHow to Get Unique Array Of Objects using Lodash
Learn how to use lodash to get the unique values of an array by property.
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 Create Generic Functional Components in React (Typescript)
Learn how to define or create generic functional components in react.
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 MoreCreate a React Confirm Alert Component From Scratch using TailwindCSS and HeadlessUI
Learn how to create a react confirm alert dialog component from scratch using TailwindCSS, HeadlessUI, Typescript, and React context hooks.
Read MoreHow to Add Typescript Types to NextJS API Request Body using Zod
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.
Read MoreHow 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 MoreHow to Create Custom Formik Radio Button / Radio Group (with Typescript)
Learn how to create a custom and accessible Formik radio button or radio group component with TailwindCSS, HeadlessUI, and Typescript.
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
