Getting 500 error with my Nextjs app that works perfect locally

[thedann]

Hello!

I have this nextjs app that has worked perfectly before yesterday, but today when I just commited some new images I get 500 on all pages.
This is my site

Grandma Ate The Wolf

And this is what I can see in the logs.

Nov 11, 03:03:09 PM: 46859121 ERROR  Invariant: failed to load static page {Nov 11, 03:03:09 PM: 46859121 ERROR    "page": "/",Nov 11, 03:03:09 PM: 46859121 ERROR    "url": "/",Nov 11, 03:03:09 PM: 46859121 ERROR    "initUrl": "http://www.grandmaatethewolf.com:80/"Nov 11, 03:03:09 PM: 46859121 ERROR  }Nov 11, 03:03:09 PM: 46859121 ERROR  MissingStaticPage [Error]: Failed to load static file for page: / Failed to download https://www.grandmaatethewolf.com/index.html: 404 Not FoundNov 11, 03:03:09 PM: 46859121 ERROR      at /var/task/node_modules/next/dist/server/require.js:55:19Nov 11, 03:03:09 PM: 46859121 ERROR      at processTicksAndRejections (node:internal/process/task_queues:96:5)Nov 11, 03:03:09 PM: 46859121 ERROR      at async Promise.all (index 2)Nov 11, 03:03:09 PM: 46859121 ERROR      at async Object.loadComponents (/var/task/node_modules/next/dist/server/load-components.js:53:49)Nov 11, 03:03:09 PM: 46859121 ERROR      at async NextNodeServer.findPageComponents (/var/task/node_modules/next/dist/server/next-server.js:429:36)Nov 11, 03:03:09 PM: 46859121 ERROR      at async NextNodeServer.renderPageComponent (/var/task/node_modules/next/dist/server/base-server.js:1127:24)Nov 11, 03:03:09 PM: 46859121 ERROR      at async NextNodeServer.renderToResponse (/var/task/node_modules/next/dist/server/base-server.js:1149:32)Nov 11, 03:03:09 PM: 46859121 ERROR      at async NextNodeServer.pipe (/var/task/node_modules/next/dist/server/base-server.js:638:25)Nov 11, 03:03:09 PM: 46859121 ERROR      at async Object.fn (/var/task/node_modules/next/dist/server/base-server.js:505:21)Nov 11, 03:03:09 PM: 46859121 ERROR      at async Router.execute (/var/task/node_modules/next/dist/server/router.js:213:36)

I also tried to Netlify CLI locally and that works. And I can also build it locally and it works like a charm.

Can someone please help me?

[GabZanMacaw]

Same issue here, sites were working just a few minutes ago:

Alfaprint | Marelli

Pett Capellato - Marelli

Here’s the repository: https://github.com/MacawBrasil/lp-marelli-netlify

It’s a website template that uses Next and Netlify CMS. Each branch is its own website with its own content and images. I pushed a change to config.yml so that all fields were not required, and now all I get is a generic “Internal Server Error” with no information.

I checked the build logs and notices that my pages come up as “0 bytes” in size, but I don’t know if that’s just me reading it wrong:

11:33:28 AM: Route (pages)                              Size     First Load JS
11:33:28 AM: ┌ ○ / (303 ms)                             56.6 kB         189 kB
11:33:28 AM: ├   └ css/18a43f90bf5ee566.css             3.5 kB
11:33:28 AM: ├   /_app                                  0 B             133 kB
11:33:28 AM: ├ ○ /404                                   2.68 kB         136 kB
11:33:28 AM: └ λ /api/contact                           0 B             133 kB
11:33:28 AM: + First Load JS shared by all              133 kB
11:33:28 AM:   ├ chunks/framework-5f4595e5518b5600.js   42 kB
11:33:28 AM:   ├ chunks/main-40e3a245dac91539.js        29.1 kB
11:33:28 AM:   ├ chunks/pages/_app-65a0af09945efe21.js  59.9 kB
11:33:28 AM:   └ chunks/webpack-a3b997588ef5ecbd.js     1.86 kB
11:33:28 AM: λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
11:33:28 AM: ○  (Static)  automatically rendered as static HTML (uses no initial props)
11:33:28 AM: Done in 21.13s.

[ABD]

Same. The main build looks fine but I get the above when trying to load the site

[gimpurr]

Similar issue. Build worked fine last night, this morning’s build is giving me a html page with no css, and some of my links go to 500 errors. I reverted to the last known working build and it works fine. I did see the following line in my build logs:

You have the following Netlify rewrites that might cause conflicts with the Next.js Runtime:

This is followed by a couple hundred image paths.

[DCraig]

Also getting internal server issue, reassuring to know it’s not just my site

[gimpurr]

For some additional context, I just ran a deploy on another Next.JS site that has not yet been upgraded to Next.js version 13.0 and did not run into any issues. I’d interested to know if this may be a compatibility issue with Next.JS 13.0.

[Marcos]

I’m facing the same issue, it’s a simple Next site and works perfectly on local, Netlify builds states everything is ok, but site is just the Error message:

[florian_pou]

Same here. It worked fine and after a new deploy I have this issue.
Also, I wanted to redeploy the failing branch but with the misleading UI, I redeployed the main branch and now my site is down… Great…

[gimpurr]

@florian_pou Go to the deploys page, click your most recent successful deploy, and click “Publish Deploy”. You should be able to go back that way.

[florian_pou]

Already did. My code has not changed. It’s on Netlify side.

[fool]

Hey folks - Our dev team is looking into this now; we hope to have a fix shortly.

[fool]

Thanks for your patience, everyone. Could you please try rebuilding your sites and letting me know if the behavior changes? We have rolled back a change that we think was causing it, but it will require a rebuild to fix if our estimation is correct.

Please share your results here so we can understand if we need to continue to work on this!

[Marcos]

Thank you sir, with a rebuild it works again.

This is just some proof of the fix working, and also a sneaky invitation to our fav editor conf.

[gimpurr]

@fool Yes, new deploy works. Thanks for looking into this.

[florian_pou]

Thanks, it works now

[Britnell]

Hi @fool ,
I’m getting the same error and it’s still happening / not going away with rebuild.
Any more info on this?

"Internal Server Error" Error 500

Hi, For some reason my netlify page is throwing “Internal Server Error” since my last two commits. This is on any page, with no other information. I can’t see any more info in function logs either. There is no extra info like request id as I have seen elsewhere. any idea how I can debug this? The project is next.js and builds and runs fine locally. New commits were just adding two new pages and last working commit / deploy https://6363b8a42bd52000077d638f--dev-sketchbook.netlify.app/ I’ve …

Many thanks

[GabZanMacaw]

Yes! It works now! Thank you for the response

[fool]

hiya @Britnell,

Whatever may still be happening it is likely not the same root cause as started this thread since that is a bug we fixed last week

I’d suggest sending over an x-nf-request-id of one of the 500’s so we can try to advise. Here’s what that is:

[Support Guide] Netlify Support asked for the 'x-nf-request-id' header? What is it and how do I find it?

Last reviewed by Netlify Support staff August 2023 What is the x-nf-request-id header? Web servers and web browsers communicate using a protocol called HTTP - which stands for “HyperText Transfer Protocol”. Both web browsers and web servers use a feature called headers as part of this protocol. The headers that web browsers send are called “request headers” because the browser in making an “HTTP request”. The web servers headers are called “response headers” because web servers send an “HTTP …

[Britnell]

thanks for the link, my issue was resolved to but that’s great to know!
many thanks for the support

[SamO]

Hi @Britnell, thank you for coming back and letting us know you resolved your issue! Happy building.