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 MoreAll Posts: Page 12
How to Get Absolute URL in NextJS
In NextJS, The origin URL changes if it's a preview branch deployment. Learn how to get the absolute URL in NextJS for both client and server.
Read MoreHow to get Session in NextJS Middleware with NextAuth.js
Learn how to get the session in NextJS v12.2+ Middleware using NextAuth.js v4.13.
Read MoreHow 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 Redirect to 404 Page in NextJS When Using Dynamic Routes
Learn how to redirect to 404 Page when using getServerSideProps and getStaticProps Dynamic Routes.
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
