Category "next.js"

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

.next folder size increases in Next react App

We have developed the nextjs react application, which is ready in production now. It leads to some storage issues. we inspect a lot and finally found .next fold

Ensuring sensitive code is run only server-side with NextJS, where can such code be ran from?

I'm learning NextJS and I'm trying to determine how to layout my project with a clean architecture that's also secure. However, I'm not sure about where to stor

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/parser' is not defined by "exports" in /usr/app/node_modules/postcss/package.json

Did a docker-compose up to build my project, but there's something wrong and I am getting this error: node:internal/errors:464 ErrorCaptureStackTrace(err);

How can I export a JSON object to Excel using Nextjs/React?

I have an endpoint that retrieves a json object like the following: "data": [ { "id": 1, "temaIndicador": "Indian", "codigo": "001", "observaciones": "Interacti

How can I use Bootstrap 5 with Next.js?

After installing bootstrap with npm install bootstrap I added the style to /pages/_app.js like so: import 'bootstrap/dist/css/bootstrap.css'; export default fun

Is it possible to make a join query with Prisma without a foreign key?

I've been struggling with this for a while but with no success. I have two tables that might have a relation but not necessarily. FIRST +----+-----------+------

Is it possible to make a join query with Prisma without a foreign key?

I've been struggling with this for a while but with no success. I have two tables that might have a relation but not necessarily. FIRST +----+-----------+------

Where to implement SWRs pagination for managing pagination in url?

I have been trying to solve the problem that this NextJS application does not have any pagination being handled on the backend so the idea being to pass it to q

Is it possible to run Mongoose inside next.js api?

I'm building a website for my sister so that she can sell her art. I am using Next.js to set everything up. The website renders the artwork by grabbing an array

Next-auth sign In working locally but not on vercel. Error- CLIENT_FETCH_ERROR

I've used next-auth with google signIn in my next application. I've set the environment variables as well as the auth file under api as import GoogleProvider fr

Next.js ISR pass additional data to getStaticProps from getStaticPaths

In SingleBlogPost.jsx i have: export async function getStaticPaths() { const res = await fetch("http://localhost:1337/api/posts"); let { data } = await res.

How to use Azure application insights with nextjs app

I want to use Azure app insight with nextjs but unable to do it , can anyoe help me with that?

NextJS - Too Many Open Files Error in Production

I'm facing an issue in my Production environment during peak traffic hours. Any help on identifying the source of this error would be really appreciated. Error

ESIDIR Error in NextJs, even if the code come from the official page

I need to learn Next.js for an interview, so I started to follow the tutorial published in Next.js official web page. It was all ok, until I arrived at this sec

Adding Google Ads Code in NextJS for Automatic Units

I'm working on a nextjs project and I have to implement the google AdSense code that is for automatic ads. So, my google ad code is just this: <script asyn

This error happened while generating the page. Any console logs will be displayed in the terminal window

1st time its show this error I want to make an API call to my API route using Axios. When I run my code the first time its shows that error but when I refresh