(현재 내 프로젝트는 typescript이기때문에 .tsx임)
1. _app.tsx ,_document.tsx 파일은 server only file
: 따라서 client에서 사용하는 로직은 사용할 수 없다.
1-1. _document.tsx 파일이 pages폴더 안에 없다면 만들면 된다.
2. 모든 페이지는 _app을 통해 가장 먼저 실행된다.
: pages/_app.tsx
: Global CSS는 _app에 추가한다.
3. _document.tsx는 모든 페이지에서 공통으로 사용되는
html,head(meta), body 태그등을 커스텀할때 사용한다.
: HTML마크업위주이다.
: 이때 Html, Head, Main, NextScript를 반드시 포함해야한다.
안넣으면 이런 에러 나옴;; (경험담ㅎ)
'Frontend > Next.js' 카테고리의 다른 글
| 1. Next.js 시작하기 (0) | 2023.02.15 |
|---|---|
| Next.js에서 페이지이동이 필요할때 | (0) | 2023.02.04 |
| Next.js + typeScript + React + styledComponent 시작하기 (0) | 2023.01.27 |
| Error was not caught TypeError: Cannot read properties of null (reading 'textContent') (0) | 2023.01.27 |
| 1. Next.js 는? (0) | 2022.03.08 |