learnjsx.com

Next.js articles

Cover Image for How to use react-toastify for notifications in React

How to use react-toastify for notifications in React

Ali Bentaleb

More Stories

Cover Image for How to solve router.query is undefined in Next.js

How to solve router.query is undefined in Next.js

How to solve router.query is undefined in Next.js

Ali Bentaleb
Cover Image for How to send a post request to external api in next.js

How to send a post request to external api in next.js

How to send a post request to external api in next.js

Ali Bentaleb
Cover Image for How to submit a form to an api in Next.js

How to submit a form to an api in Next.js

How to submit a form to an api in Next.js

Ali Bentaleb
Cover Image for How to create a react responsive hamburger menu

How to create a react responsive hamburger menu

How to create a react responsive hamburger menu

Ali Bentaleb
Cover Image for How to push params with next/router in Next.js

How to push params with next/router in Next.js

How to push params with next/router in Next.js

Ali Bentaleb
Cover Image for How to make a react copy to clipboard icon

How to make a react copy to clipboard icon

How to make a react copy to clipboard icon

Ali Bentaleb
Cover Image for How to make a react copy to clipboard functional component

How to make a react copy to clipboard functional component

How to make a react copy to clipboard functional component

Ali Bentaleb
Cover Image for How to make readonly mui textfield in Next.js

How to make readonly mui textfield in Next.js

How to make readonly mui textfield in Next.js

Ali Bentaleb
Cover Image for How to display Mui TextField validation error in Next.js

How to display Mui TextField validation error in Next.js

How to display Mui TextField validation error in Next.js

Ali Bentaleb
Cover Image for How to validate Mui TextField email in Next.js

How to validate Mui TextField email in Next.js

How to validate Mui TextField email in Next.js

Ali Bentaleb
Cover Image for How to easily use context provider in Next.js

How to easily use context provider in Next.js

How to easily use context provider in Next.js

Ali Bentaleb
Cover Image for How to remove property from React state object in Next.js

How to remove property from React state object in Next.js

How to remove property from React state object in Next.js

Ali Bentaleb
Cover Image for How to solve not a registered scale in chartjs-2 - Next.js

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

Ali Bentaleb
Cover Image for How to easily submit a form in Next.js

How to easily submit a form in Next.js

How to submit a form using next.js

Ali Bentaleb
Cover Image for How to build login form with firebase in Next.js

How to build login form with firebase in Next.js

How to build login form with firebase in Next.js

Ali Bentaleb
Cover Image for How to get the previous URL in Next.js

How to get the previous URL in Next.js

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

Ali Bentaleb
Cover Image for How to redirect to external URL - Next.js

How to redirect to external URL - Next.js

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

Ali Bentaleb
Cover Image for How to easily change basePath - Next.js

How to easily change basePath - Next.js

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

Ali Bentaleb
Cover Image for How to easily add favicon to your Next.js project

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

Ali Bentaleb
Cover Image for How to add query params to Next.js router

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

Ali Bentaleb
Cover Image for How to use React toastify for notifications - Next.js

How to use React toastify for notifications - Next.js

How to use React toastify for notifications - Next.js

Ali Bentaleb
Cover Image for How to display React quill content - Next.js

How to display React quill content - Next.js

How to display React quill content - Next.js

Ali Bentaleb
Cover Image for How to solve ReferenceError: document is not defined in react-quill - 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

Ali Bentaleb
Cover Image for How to drag and drop files to firebase in Next.js [easy guide]

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

Ali Bentaleb
Cover Image for How to create a responsive hamburger menu in Next.js [complete guide]

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

Ali Bentaleb
Cover Image for How to set x-hasura-admin-secret in 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

Ali Bentaleb
Cover Image for How to solve Can't perform a React state update on an unmounted component in Next.js

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

Ali Bentaleb
Cover Image for How to pass promise as props in Next.js

How to pass promise as props in Next.js

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

Ali Bentaleb
Cover Image for How to easily copy text to clipboard in Next.js

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

Ali Bentaleb
Cover Image for How to useContext to share React state between pages 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

Ali Bentaleb
Cover Image for 3 easy steps to use xstate visualizer in Next.js

3 easy steps to use xstate visualizer in Next.js

How to set up xstate visualizer in vscode to better display state transition xstate machine in a visual manner

Ali Bentaleb
Cover Image for How to solve Additional keys were returned from `getStaticProps` in 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

Ali Bentaleb
Cover Image for How to solve Your `getStaticProps` function did not return an object in Next.js

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

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

Ali Bentaleb
Cover Image for How to use React Suspense in Next.js

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

Ali Bentaleb
Cover Image for Get the URL query parameters in Next.js

Get the URL query parameters in Next.js

How to get query params in Next.js and destructure them, the use of next/router

Ali Bentaleb
Cover Image for How to correctly set environment variables in Next.js

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

Ali Bentaleb
Cover Image for How to build dynamic sitemap with Next.js

How to build dynamic sitemap with Next.js

How to build sitemap with Next.js, showcase with pages built with markdown files

Ali Bentaleb
Cover Image for Next.js prerendering on server side with getServerSideProps

Next.js prerendering on server side with getServerSideProps

How to use Next.js getServerSideProps and detailed explanation of their parameters

Ali Bentaleb