Why I am getting 404 Page Not Found in my NextJS 13 app?
I have been learning Next.js 13. I have encountered an unusual error when I start the app for the first time. The pages are shown properly. But if I close it and reopen the application again, it starts showing a page not found.
My folder structure
My homepage page.tsx
Terminal
Output + Console
I just ran the application just like any other normal app. I was expecting to see the contents of my page, but it's showing the page not found error.
Solution
That happens because you have the app directory in the root and in the src directory. You made a route in src/app/page.tsx but Next.js will not read your src if there is <ROOT>/app so it's not found.
Remove the extra app directory
- Next.js 16 App router internationalization root error
- Calling setState synchronously within an effect can trigger cascading renders
- I want to use turborepo in a project where I don't use next.js. Is something like this possible?
- Error while trying to add external local fonts in nextJS
- How to put a script in the head tag in next.js?
- Next.js Loads <script> tags but it doesn't execute them
- prisma Error: p1001: Can't reach database server at `db.xocheossqzkirwnhzxxm.supabase.co`:`5432`
- Login session always remains true in Next.js, even after logout
- How to build dynamically class names with Tailwind CSS
- React Leaflet marker icon isn't showing my next.js app
- How to tell if a website is using next.js?
- Nextjs Bug after downgrading node and then reinstalling back to the original version of node
- "await cookies()" in server component called from client causes hanging
- Image not found when referenced in CSS /_next/static/media/image.svg in Next.js 16
- js and css not loading when hosting next application on GitHub pages
- Not able to change the title with metadata when using 'use client' in Next.js
- Next.js 16 crashes on Windows 11 when opening localhost:3000
- Generic redirect to login after serverside request in Next.js app router
- Next.js 15 build fails on Windows during Azure deployment with EPERM symlink error using pnpm and standalone output
- Next.js source maps error "Invalid source map. Only conformant source maps can be used to find the original code"
- NextJS standalone under ECS Container, can not use localhost or 127.0.0.1
- Optimize Hook Render Times
- Next.js 15+ Promise-based params and warning about "async Client Component. Only Server Components can be async at the moment."
- NextJS 15+ Promise-based Params: "params" in prop expression
- <button onClick={}> Event handlers cannot be passed to Client Component props
- next js - the style of the tailwind class i get from API doesnt apply on my element
- NextJS hydration error: React children render before async i18next changeLanguage() switch completes
- How to use custom color themes in TailwindCSS v4
- What is the difference between Next.js and Create React App?
- How do I enable streaming in a NextJS app that is self hosted?