404 page not found nextjs

[veedahv]

I deployed my next js site and I am getting a page not found. This is my build log

8:49:38 PM: Netlify Build
8:49:38 PM: ────────────────────────────────────────────────────────────────
8:49:38 PM: ​
8:49:38 PM: ❯ Version
8:49:38 PM: @netlify/build 29.29.0
8:49:38 PM: ​
8:49:38 PM: ❯ Flags
8:49:38 PM: baseRelDir: true
8:49:38 PM: buildId: 656795a576ceac0630beb368
8:49:38 PM: deployId: 656795a576ceac0630beb36a
8:49:38 PM: packagePath: src/app
8:49:38 PM: ​
8:49:38 PM: ❯ Current directory
8:49:38 PM: /opt/build/repo
8:49:38 PM: ​
8:49:38 PM: ❯ Config file
8:49:38 PM: /opt/build/repo/src/app/netlify.toml
8:49:38 PM: ​
8:49:38 PM: ❯ Context
8:49:38 PM: production
8:49:38 PM: ​
8:49:38 PM: ❯ Using Next.js Runtime - v4.41.2
8:49:39 PM: ​
8:49:39 PM: @netlify/plugin-nextjs (onPreBuild event)
8:49:39 PM: ────────────────────────────────────────────────────────────────
8:49:39 PM: ​
8:49:39 PM: No Next.js cache to restore.
8:49:39 PM: Not running Next Runtime
8:49:39 PM: ​
8:49:39 PM: (@netlify/plugin-nextjs onPreBuild completed in 8ms)
8:49:39 PM: ​
8:49:39 PM: build.command from netlify.toml
8:49:39 PM: ────────────────────────────────────────────────────────────────
8:49:39 PM: ​
8:49:39 PM: $ npm run build
8:49:39 PM: > bluechesse-sports-landing@0.1.0 build
8:49:39 PM: > next build
8:49:40 PM: bluechesse actions undefined
8:49:40 PM: No build cache found. Please configure build caching for faster rebuilds. Read more: No Cache Detected | Next.js
8:49:40 PM: Creating an optimized production build …
8:49:45 PM: ╭── daisyUI 3.9.3 https://daisyui.com
8:49:45 PM: │
8:49:45 PM: ├── 2 themes are enabled. How to add more themes:
8:49:45 PM: │ daisyUI themes — Tailwind CSS Components ( version 4 update is here )
8:49:45 PM: │
8:49:45 PM: ╰── Star daisyUI project on GitHub: GitHub - saadeghi/daisyui: 🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
8:49:47 PM: ✓ Compiled successfully
8:49:47 PM: Linting and checking validity of types …
8:49:47 PM: ⨯ ESLint must be installed in order to run during builds: yarn add --dev eslint
8:49:49 PM: Collecting page data …
8:49:51 PM: Generating static pages (0/10) …
8:49:52 PM: Generating static pages (2/10)
8:49:52 PM: Generating static pages (4/10)
8:49:52 PM: Generating static pages (7/10)
8:49:52 PM: ✓ Generating static pages (10/10)
8:49:52 PM: Finalizing page optimization …
8:49:52 PM: Collecting build traces …
8:49:58 PM: Route (app) Size First Load JS
8:49:58 PM: ┌ ○ / 5.09 kB 90.8 kB
8:49:58 PM: ├ ○ /_not-found 875 B 81.5 kB
8:49:58 PM: + First Load JS shared by all 80.6 kB
8:49:58 PM: ├ chunks/472-5543067e0e502503.js 27.6 kB
8:49:58 PM: ├ chunks/fd9d1056-4790ed26e2773c30.js 51.1 kB
8:49:58 PM: ├ chunks/main-app-143a5c3771c5010b.js 230 B
8:49:58 PM: └ chunks/webpack-cde1aaeee4c3a2da.js 1.73 kB
8:49:58 PM: ○ (Static) automatically rendered as static HTML (uses no initial props)
8:49:58 PM: ​
8:49:58 PM: (build.command completed in 19.1s)
8:49:58 PM: ​
8:49:58 PM: @netlify/plugin-nextjs (onBuild event)
8:49:58 PM: ────────────────────────────────────────────────────────────────
8:49:58 PM: ​
8:49:58 PM: ​
8:49:58 PM: (@netlify/plugin-nextjs onBuild completed in 4ms)
8:49:58 PM: ​
8:49:58 PM: @netlify/plugin-nextjs (onPostBuild event)
8:49:58 PM: ────────────────────────────────────────────────────────────────
8:49:58 PM: ​
8:49:58 PM: Next.js cache saved.
8:49:58 PM: ​
8:49:58 PM: (@netlify/plugin-nextjs onPostBuild completed in 184ms)
8:49:58 PM: ​
8:50:00 PM: (Netlify Build completed in 22.4s)
8:50:04 PM: Section completed: building
8:50:15 PM: Finished processing build request in 1m5.079s

[Melvin]

Hi @veedahv,

Thanks for reaching out!

Have you seen our Support Guide here:

[Support Guide] I’ve deployed my site but I still see "Page not found”

Last reviewed by Netlify Support - August, 2023 Netlify attempts to lookup a file based on several xor filters, and when all of these fail, we end up serving a 404 page. For example, a request made to /example/ would check /example/index.html, /example.html, /example/home.html and several other combinations (not necessarily in the same order) before hitting the 404. However, in case you were not expecting a 404 at a particular URL, you might be interested in finding out the reason and potentia…

We recommend reading through the Support Guide to see if that helps resolve the issue.

[grandpacancode]

Hi Melvin,
I’m having a similar issue. I read the page not found thread and followed every scenario that applied to me, but nothing fixed the error. On the dev side/localhost the app launches fine. Just to be clear I read the framework integration docs and configured my build setting for next.js runtime. The only thing I didn’t do because I don’t know how even after reading the docs on it is the redirect. Sorry if this is vague, self teaching is hard and so frustrating. Any help is greatly appreciated.

[Melvin]

Hi @grandpacancode,

Thanks for reaching out! Could you share the site name that you’re having this issue on? For example sitename.netlify.app. That’ll help us to investigate and provide assistance.

[grandpacancode]

@Melvin

nvestigate and provide assistance.

remarkable-banoffee-90de4d.netlify.app

[hrishikesh]

@grandpacancode, your 404 page appears to be working. I tried: 404: This page could not be found. (remarkable-banoffee-90de4d.netlify.app)