How to Extend User and Session in NextAuth.js (Typescript)
Learn how to extend the user and session objects in typescript to get more information about the user when using useSession, getSession, or getToken.
Read MoreTagged: #typescript
How to Chain Multiple Middleware Functions in NextJS
Learn how to separate the logic if you have multiple middlewares in NextJS. In this tutorial, we'll show you exactly how to do this by using higher-order functions to create middleware functions.
Read MoreDynamically Filter Array of Objects in Typescript
In this article, you will learn how to filter an array of objects in typescript dynamically using expressions and queries.
Read MoreHow to Configure Typescript baseUrl in a Node.js Project
Learn how to configure baseUrl in a NodeJS project by using tsc-alias for production builds and ts-node-dev for development.
Read MoreHow to Import a JSON file in Typescript
To import a JSON file in typescript you have to enable two settings in tsconfig.json: esModuleInterop and resolveJsonModule.
Read MoreBuild Multi-Page Forms with Formik and NextJS
Learn how to build multi-page forms with Formik and NextJS. Retain the form state across multiple tabs and routes using shallow routing.
Read MoreHow to Flatten an Object in JavaScript or TypeScript
Learn how to flatten objects in javascript and transform it into dot notation. Flatten deeply nested objects, with arrays, and whatnot.
Read MoreFormik Tutorial: Only Send Modified or Changed Fields on onSubmit.
Learn how to send only modified or changes values in Formik in deeply nested objects. Remove the unchanged values!
Read MorePractical Guide to Redirects in NextJS
Learn the best practices when using redirects in NextJS. When and how to redirect inside getStaticProps, getServerSideProps, middleware, API routes and next.config.js
Read MoreHow to Parse NextJS Query Params in Typescript
In this tutorial we're going to learn how to parse and get fully-typed NextJS query parameters in Typescript.
Read MoreHow to Sort Array of Objects In Typescript
Learn how to sort an array of objects in TypeScript. Implement a dynamic compare function to sort an array of objects dynamically.
Read MoreBuild a Responsive React Table of Contents Component with DaisyUI
Learn how to build a React table of contents component that works on desktop and mobile using Typescript, React, and DaisyUI!
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
