[Next.js] not-found.js (ts(x)) ํŽ˜์ด์ง€ ์ƒ์„ฑ์€ appํด๋” ๋ฐ”๋กœ ๋ฐ‘์— ํ•˜๊ธฐ

2024. 3. 29. 21:50ยท๐Ÿชด Next.js
SMALL

The not-found file is used to render UI when the notFound function is thrown within a route segment. Along with serving a custom UI, Next.js will return a 200 HTTP status code for streamed responses, and 404 for non-streamed responses.

 

Good to know: In addition to catching expected notFound() errors, the root app/not-found.js file also handles any unmatched URLs for your whole application. This means users that visit a URL that is not handled by your app will be shown the UI exported by the app/not-found.js file.

 

 

https://nextjs.org/docs/app/api-reference/file-conventions/not-found

 

File Conventions: not-found.js | Next.js

API reference for the not-found.js file.

nextjs.org

 

SMALL

'๐Ÿชด Next.js' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Next.js/NextUI] ์—๋Ÿฌ ํ•ด๊ฒฐ : Next UI์˜ Tabs (ํƒญ) ๋ˆŒ๋Ÿฌ ํŽ˜์ด์ง€ ์ด๋™์‹œํ‚ค๊ธฐ + Tab์•ˆ์— Tab (์ด์ค‘ํƒญ) ๋ฌธ์ œํ•ด๊ฒฐ์ค‘  (0) 2024.04.02
[Next.js] Setting : yarn create next-app (+ yarn dev ์‹คํ–‰ ์—๋Ÿฌ ํ•ด๊ฒฐํ•˜๊ธฐ)  (0) 2024.03.19
[Next.js/TS] Next.js์˜ ๋ Œ๋”๋ง ํŒจํ„ด(SSG,ISR,SSR,CSR)/Route Handler๋ฅผ ์‚ฌ์šฉํ•œ TO Do List  (0) 2024.03.17
[Next.js] Route Handler๋ฅผ ํ†ตํ•ด ๋ฐฑ์—”๋“œ ๊ตฌํ˜„ํ•ด๋ณด๊ธฐ  (0) 2024.03.14
[Next.js] SSG(Static Site Generation) ๋ Œ๋”๋ง ์‹œ DB ๋ณ€๋™์‚ฌํ•ญ ์ ์šฉ์œ„ํ•ด Cache ๋น„์šฐ๊ธฐ  (0) 2024.03.13
'๐Ÿชด Next.js' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [Next.js/NextUI] ์—๋Ÿฌ ํ•ด๊ฒฐ : Next UI์˜ Tabs (ํƒญ) ๋ˆŒ๋Ÿฌ ํŽ˜์ด์ง€ ์ด๋™์‹œํ‚ค๊ธฐ + Tab์•ˆ์— Tab (์ด์ค‘ํƒญ) ๋ฌธ์ œํ•ด๊ฒฐ์ค‘
  • [Next.js] Setting : yarn create next-app (+ yarn dev ์‹คํ–‰ ์—๋Ÿฌ ํ•ด๊ฒฐํ•˜๊ธฐ)
  • [Next.js/TS] Next.js์˜ ๋ Œ๋”๋ง ํŒจํ„ด(SSG,ISR,SSR,CSR)/Route Handler๋ฅผ ์‚ฌ์šฉํ•œ TO Do List
  • [Next.js] Route Handler๋ฅผ ํ†ตํ•ด ๋ฐฑ์—”๋“œ ๊ตฌํ˜„ํ•ด๋ณด๊ธฐ
๋ จ๋””
๋ จ๋””
FE - ๊ฐœ๋ฐœ ๊ณต๋ถ€์˜ ๊ธฐ๋ก
  • ๋ จ๋””
    Ryeon's Devstory
    ๋ จ๋””
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (69)
      • ๐Ÿชด JavaScript & TypeScript (11)
        • ๐Ÿงฉ Algorithm (6)
      • ๐Ÿชด React (12)
      • ๐Ÿชด Next.js (8)
      • ๐Ÿชด HTML & CSS (2)
      • ๐Ÿชด DB & BaaS (5)
      • ๐Ÿชด Git &Github (0)
      • โœ๏ธ ํ”„๋กœ์ ํŠธ ๊ณผ์ • & ํšŒ๊ณ  (18)
      • โœ๏ธ Today what I Learned _T.. (11)
      • ๐Ÿ•Š๏ธ IT ์•„ํ‹ฐํด (0)
      • etc. (2)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

    • My Github ๐Ÿ˜บ
    • ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ ๐ŸŽต๐ŸŽง (์ผ์ƒ,์Œ์•… ๋“ฑ)
  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    Array.filter
    ์˜์กด์„ฑ๋ฐฐ์—ด
    react
    props
    useMutation
    Vite
    BAAS
    ์—๋Ÿฌ
    tailwind
    axios
    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
    ์›น๊ฐœ๋ฐœ ๊ธฐ์ดˆ
    json-server
    route handler
    ์ปดํฌ๋„ŒํŠธ๋ถ„๋ฆฌ
    useEffect
    ๋ Œ๋”๋งํŒจํ„ด
    NVM
    Supabase
    ์˜ค๋ธ”์™„
    ๋ฐฐ์—ด ๋ฉ”์„œ๋“œ
    ๋น„๋™๊ธฐํ†ต์‹ 
    ํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€
    reactquery
    reacthook
    ๋ฆฌ์•กํŠธ์ฟผ๋ฆฌ
    ํ‹ฐ์Šคํ† ๋ฆฌ๋ธ”๋กœ๊ทธ์Šคํ‚จ
    fetch
    Next.js
    State
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.0
๋ จ๋””
[Next.js] not-found.js (ts(x)) ํŽ˜์ด์ง€ ์ƒ์„ฑ์€ appํด๋” ๋ฐ”๋กœ ๋ฐ‘์— ํ•˜๊ธฐ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”