next js 구조(작성중)

Tony·2021년 7월 10일
0

pages 폴더

  • _document : HTML, App container
  • _app : 공통의 레이아웃
  • index : home 컴포넌트
  • signup : /signup 에 해당하는 페이지 컴포넌트

_document

<Html>
  <Head />
  <body>
    <Main />
    <NextScript />
  </body>
</Html>

_app

글로벌 CSS

앱 공통으로 쓰이는 header나 footer를 어디에 넣어야 되나 했는데 AppLayout이란 컴포넌트를 만들어서 공통으로 쓰면 되는거였다
_app.tsx나 _document.tsx 중 어디에 넣어야 하나 생각하고 있었는데
구글 검색하니 좋은 방법이 나온다.

참고 문헌

profile
움직이는 만큼 행복해진다

0개의 댓글