Learn JSX

How to solve not a registered scale in chartjs-2 - Next.js

How to solve not a registered scale or element in chartjs-2 using Next.js

How to easily submit a form in Next.js

How to submit a form using next.js

How to build login form with firebase in Next.js

How to get the previous URL in Next.js

How to get the previous URL on which the client was navigating

How to redirect to external URL - Next.js

How to change the default basepath to a specific basepath in Next.js

How to easily change basePath - Next.js

How to change the default basepath to a specific basepath in Next.js

How to easily add favicon to your Next.js project

Learn how you can add your favicon and display it on each page of your next.js project, and what to do if your favicon is not showing

How to add query params to Next.js router

How to add query params to Next.js router and how to resolve Error: No router instance found. you should only use next/router inside the client side of your app

How to use React toastify for notifications - Next.js

How to display React quill content - Next.js

How to solve ReferenceError: document is not defined in react-quill - Next.js

How to solve ReferenceError: document is not defined in Next.js

How to drag and drop files to firebase in Next.js [easy guide]

How to create a button, click on it and upload file to firebase storage, or simply drag the file to upload it to firebase, and then display it on screen

How to create a responsive hamburger menu in Next.js [complete guide]

Complete guide to create a responsive hamburger menu that will show only on mobile in React based project like Next.js

How to set x-hasura-admin-secret in Next.js

How to set x-hasura-admin secret using node fetch and using apollo graphql client

How to solve Can't perform a React state update on an unmounted component in Next.js

How to remove the error of React state update on unmounted component by cleaning component state when it is unmounted

How to pass promise as props in Next.js

How to fetch data inside a React component so that react pass promise as props

How to easily copy text to clipboard in Next.js

Copy content to clipboard and provide an svg image for clipboard copy in Next.js

How to useContext to share React state between pages in Next.js

How to use React context with useContext to share context between pages in Next.js, this is useful if we would like to catch some information from one page and render the next page based on that information

How to validate a material UI TextField in Next.js

How to use material UI text field and implement validation rules so that when you click on submit, these rules are applied on the text field, and if not matched, block the user and inform that something went wrong

How to use bootstrap table in Next.js

How to draw a bootstrap table in Next.js

How to use Material UI (MUI) data grid in Next.js

Tutorial to configure MUI datagrid in nextjs, how to align and center text in the datagrid, color header and cells with specific colors

Easy guide for MUI autocomplete search with link option in Next.js

How to implement material ui autocomplete input, and how to render results as links that you can click on in React Next.js

How to solve Additional keys were returned from `getStaticProps` in Next.js

How to solve Additional keys were returned from `getStaticProps` and the use of getStaticProps in Next.js

How to solve Your `getStaticProps` function did not return an object in Next.js

Easy doughnut and bar charts with react-chartjs-2 in Next.js

How to draw bar,doughnut with react-chartjs-2 and Next.js

6 important features for Ant Design (antd) Table with Next.js [easy guide]

How to add an ant design table to your next.js projects, how to color specific cell, center text, change font size..

The comprehensive guide to use NProgress in Next.js [easy guide]

How to use nprogress with all its features like removing spinner, change progress bar color, changing trickle rate and trickle speed in Next.js

Slow processing using setTimeout, async and await in JavaScript

How to combine await setTimeout with async to let your javascript code wait sometime before continuing processing. the ways are either using ES promises, node.js util.promisify or node.js timers

How to use Material UI (MUI) Table with Next.js

How to add MUI in Next.js, customize mui table , mui table header, how to color specific cell and MUI responsive properties

How to use nivo charts with Next.js

How to use nivo charts in Next.js , showcase with line and pie charts, how to solve errors related to server side rendering in nivo like ResizeObserver undefined in server side

Loading Screen on Next.js page transition

How to implement a transition or a loader when navigating between pages, in this tutorial we explain how we can use nprogress for this purpose

How to use React Suspense in Next.js

How to use React suspense with Next.js 12, its use with the suspenselist, and the difference between next/dynamic and react lazy

How to build animated spinner with Tailwindcss and Next.js

How to draw a spinner using tailwindcss and change its animation, this is useful when we want to convince users that something is happening in the background and data is coming

Disable Server side rendering (SSR) in Next.js

How to disable SSR (server side rendering) to use client capabilities in Next.js like browser document object

How to correctly set environment variables in Next.js

How to solve errors related to environment variables in Next.js, how to solve it in static page generation and server side rendering

module.exports and ES modules (ESM) import export in Node.js

How to use esm export syntax, the difference between Node.js module.exports and export, How to export a class, a function, and a constant with module.exports and export. And finally covering ES exports and explain default and named exports in ES

More posts