Next.js Works Locally but Shows 404 After Vercel Deployment – Why?

[suheb]

My Next.js app runs fine on my own computer (local development), but when I deploy it to Vercel, some pages or the whole site shows a 404 error (page not found). Why does this happen?

[system]

There’s another community post with 404 debugging tips that might be helpful. Please give these solutions a try and let us know how it goes.

Debugging 404 Errors

Sometimes things don’t go as expected when deploying a website. If you see a 404 on your site, that means the page or resource couldn’t be found. There are many possible causes, and the absence of something can be tricky debug if you don’t know where to look. Here are some things you can do to find the cause and fix it. Debugging Tips Check the error code If you see a mostly white screen with 404: NOT_FOUND along with a Code and and ID then you can click the blue info box below the error deta…

A human should be around soon to offer more advice. But you can also get helpful information quickly by asking v0.

[techchintan (Chintan)]

Hi @suheb,

Welcome to the Vercel community!

I appreciate your question, and I understand your concerns. Before I provide a solution, I would like to learn more details about the issue, especially since it relates to deployment.

I recommend checking out the guides on Deploying to Vercel.

Could you also please share which tech stack you are using?

I look forward to your detailed reply.

Thanks,
Chintan