NextJS custom 404 page is not showing up

Question

I have the 404.tsx file in the apps/specificapp/pages/ directory, but NextJS still displays the default pre-generated 404 page.

Am I misunderstanding the documentation, or is something preventing me to override the default 404 page?

As long as the file is correctly named and in the right place, e.g. /pages/404.tsx, that should be enough. Could you provide a minimal reproducible example? — juliomalves
– juliomalves, Commented Jan 11, 2022 at 0:00
@juliomalves I just created a new project with create-next-app, using TS, but the issue is not there, the custom 404 works just fine, while in the existing project it doesn't. Sadly the existing project is huge and way beyond my understanding, so I wouldn't know which parts would be worth putting in an example, much less which parts I can actually share here, since it's a company project. — Daniel Varga
– Daniel Varga, Commented Jan 11, 2022 at 8:25

Daniel Varga · Accepted Answer · 2022-01-12 12:13:05Z

3

So as it turns out the next.config.js configured to project to only accept the file extensions page.tsx, page.ts, page.jsx and page.js. I changed my filename to 404.page.tsx and it's working perfectly now.

answered Jan 12, 2022 at 12:13

Daniel Varga

531 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

NextJS custom 404 page is not showing up

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related