Category "next.js"

Next.js API routes all return "Interval Server Error" in production, but all the routes work in development

Whenever I go to any API route in my Next.js app in production it returns a 500 "Internal Server Error" but in development, all of them work completely fine and

NextJS Deployment Error : The repository couldn't be found in your linked GitHub account

I am unable to deploy my React NextJS app of vercel. It gives the below error while clicking the deploy button : The repository "NetflixCloneReact" couldn't be

Import .svg and resize .svg use styled-components in next.js

I am currently trying import .svg into next.js project but I failed. I tried import .svg same way as in react project, that I created typing.d.ts and import svg

Authentication on Keycloak through REST API (Next JS)

I have a problem. I need to login in Keycloak, but i don't want to use default pages from Keycloak. I have pages for "sign-in" and "sign-up". I wrote requests a

Router.push('/') would display nothing

When I try to go to the home page for a user who is not logged in with Next JS, the path moves, but nothing is displayed. if (!currentFBUser) { return Rou

How to fix Next.js Vercel deployment module not found error

My next.js app works on my machine and was working when deployed on Vercel but now it fails when building on Vercel with the following error: I've tried delet

Error while using flowbite with nextJS and typescript

I installed tailwind and flowbite to a NextJS project. As I did import "flowbite" in _app.tsx, I get the following error. ReferenceError: document is not defin

ESBuild in NextJS: "You may need an appropriate loader to handle this file type" - /node_modules/esbuild/lib/main.d.ts

I am using mdx-bundler (which uses esbuild + node-gyp) in next.js. I have been working on this project for some time and everything is working. Now my partner j

got error message when create build in next js use keycloak

enter image description here 1] I use react framework next js version 12.1.6 2] work fine in browser but when I create a build that time I got error like this.

Getting error from Next.js basic example walkthrough

I get this error when running the code from the Next JS starter walkthrough: at Object.Module._extensions..js (internal/modules/cjs/loader.js:1174:13)

How can I call parent function in a child React component?

So I want to add delete button, but when I click it I see error: 'TypeError: props.onDeleteTask is not a function' - in component - SingleTask.js //../component

Material-UI V5 RTL with stylis-plugin-rtl

i am useing Material UI 5 with next.js and have implemenmted every steps exactly like the documentation here with emotion and stylis-plugin-rtl v2: https://next

Make div align to bottom of column in card tailwind css

As the title states, I am trying to get a div within a parent div to align across columns using Tailwind CSS. However, they are not aligning due to different im

ReactJs Socket Client doesn't receive data from Flask Socket using emit(... , to=room)

I'm trying to develop a real-time chess app with Flask socket-io and ReactJs. My problem is that when setting emit(..., broadcast=True) on the server-side, the

Next.js: Error: React.Children.only expected to receive a single React element child

I'm having a component called Nav inside components directory and it's code is some thing like below: import Link from 'next/link'; const Nav = () => {

Next.js how to implement react-google-recaptcha in my contact form

I am trying to implement Google Recaptcha on my contact form in Next.js. It does popup the challenge when needed, but sends the form anyway. Here's my code so f

Pages with `getServerSideProps` can not be exported

I think i am making some kind of confusion here. According to the documentation, if i want Server Side Rendering (SSR) for the page i export the async function

Spotify Embed code (iframe) won't work in Markdown

Using React-Markdown on Next.JS, the post pages are stored as Markdown files, but for some reason the Markdown file won't render the iFrame. However if I use a

npm install returns error. Showing "no such file directory ../node_modules/mongodb-client-encryption/deps/lib/...'

I have a pretty big NextJS project going on, using mongodb but I havent been able to run npm install on it as it gives the following error. npm ERR! code 1 npm

How to fix undefined` cannot be serialized as JSON. Please use `null` or omit this value using getStaticprops

i am trying to fetch some data from an api using getStaticProps with next js. It returns the error undefinedcannot be serialized as JSON. Please usenull` or omi