Category "next.js"

Can I use React Bootstrap with Next.js?

Does anyone know if you can use react-bootstrap with Next.js? I am using the latest versions of both, I can provide code at this point, but right now my app is

NextJS React Prerendering issue with Algolia connectSearchBox

I'm working with Algolia instant search for react, and I'm using a custom SearchBox component which I've written like so: import { connectSearchBox } from "reac

Error: Image Optimization using Next.js default loader is not compatible with `next export`

I got this error when deploying Next.js to Netlify. Error: Image Optimization using Next.js default loader is not compatible with `next export`. Possible solut

How to run nextjs dev server with the config from another project?

I develop a nextjs application. Inside the root folder, I've made landing/pages/ folder and I want to run dev server with those pages using next dev ./landing.

Next js self hosted font flashes on rerenders

I don't know how else to describe it. When hovering a link or opening a popup, basically anything where state changes on something, it appears that my font gets

React, Next.js and Type Script Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'value')

I am developing a multi-page form using antd package to add some style In the main page of the form, I wrote the following code (I imported everything that I ne

Is there any method to overcome the error of hydration UI in next.js while using use-sse?

I am using use-sse (server side rendering hook) in my next.js application but i am getting an error of "There was an error while hydrating. Because the error ha

Module.css not loading styles NEXT js

I'm trying apply module.css to one of my components according to this guide https://nextjs.org/learn/basics/assets-metadata-css/layout-component. /*/components/

How to deploy NextJs Minting App to Netlify without build errors?

I try it now for 3 days to fix what's wrong but nothing works for me can someone help? Netlify Build Log: 6:31:18 PM: Build ready to start 6:31:20 PM: build-ima

Next JS messing up responses for concurrent requests

I have a NextJs app that uses SSR for all pages (so no static pages to worry about caching). Inside App.getInitialProps I get the user-agent to make an educated

next.js export static - S3 - routing fails on page reload

I'm deploying a next.js app as a static export, to an s3 bucket configured for static website hosting. I use next's build and export commands to generate the o

Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it

Stripe Payment is completely work but i got the warning message on the console, "Unsupported prop change on Elements: You cannot change the stripe prop after se

How do I persist my theme to localStorage in NextJs?

I have my theme stored in a stateful function that defaults to false. I then passed a onclick function to toggle between false and true. I want that stored in l

Creating Batch Operations with AWS Amplify [GraphQL, DataStore, AppSync]

I've currently been handling batch operations with a for loop, but obviously, this is not the best approach, especially as I'm adding an 'upload by CSV' option,

How to use query params in Next.js?

In my Next.js API functions like: export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) { const { someQueryParam } = req

Webstorm doesn't recognize next js

I'm creating a next JS app using this command npx create-next-app my-app --use-npm And everything is installed successfully, but in WebStorm for example when I

Importing SVG as React component not working with Next.js

I created a project with create-react-app using Typescript and latter I was asked to add next.js to it, what happend was that it broked some svgs across the app

Material styling not loading in production build

I'm currently working on a project with Nextjs and Material UI. Everything works great in development mode. When I build the project, the first page loads just

How can I connect IPFS with infura when uploading data?

I'm creating an NFT marketplace using hardhat, solidity & Next js, I have a form from where I enter some specific information about the NFT, then by clickin

Testing a Next.js app with a custom /pages/_app.js in React-Testing-Library

I'm attempting to follow this guide in Reat-Testing-Library documentation to wrap all the components I want to test. I'm doing this because I need access to the