Next.js

Next.JS의 보호된 파일명

백단비 2024. 5. 3. 10:35

 

next.js에는 보호된 파일명이 있음

이 파일들은 app/폴더 내부에서 생성될 때만 보호된 파일명으로 작동한다.

app/폴더 외부에서 생성될 경우 이 파일명들을 특별한 방식으로 처리하지 않음.

 

page.js 

신규 페이지 생성

 

layout.js

형제 및 중첩페이지를 감싸는 신규 레이아웃 생성 각 폴더 안에 하나씩 생성할 수 있지만

RootLayout은 필수적임. <html>, <body>나 metadata api로 <head>부분 작성해야함.

 

참고로 favicon을 넣으려면 icon.png 처럼 icon이라는 이름을 사용해야함.

 

not-found.js

Not Found 오류에 대한 fallback 페이지

 

(page router에서는 404.js)

 

error.js

기타 오류에 대한 fallback 페이지

 

loading.js

형제 또는 중첩페이지가 데이터를 가져오는 동안 표시되는 fallback 페이지

 

route.js

API 경로를 생성함. JSX가 아닌 JSON 형식 같은 데이터를 반환하는 페이지

 

 

 

320x100

'Next.js' 카테고리의 다른 글

navigating (feat. page router)  (0) 2024.05.18
파일 기반 라우팅 (Feat. Page Router)  (0) 2024.05.17
Next.js 배포  (0) 2023.09.20
server component와 client component  (0) 2023.06.28
NEXT의 pages  (0) 2023.06.28