Next.js] Page Router 란?

Page Router 란?

• 페이지를 분할하여 이동
• 페이지 폴더 아래 파일이름을 기준으로 페이지가 만들어짐
  
  

동적 경로(다이나믹 라우터스)

NPX

노드 페키지 익세큐트
npmjs.com에 있는 최신버전 노드패키지를 다운로드없이 바로 실행

• 페이지스 폴더 아래로 라우터가 지정됨.

• page 안에 index.js 가 제일 메인 페이지
  

_app.tsx _document.tsx 란?

1. 앱 컴포넌트
   모든 페이지역할을 하는 컴포넌트들의 부모 컴포넌트
   

2. 도큐먼트 컴포넌트(페이지 전체 HTML 관리)

• 페이지 전체에 적용하는 것
• 헤더
• 폰트
  등등..
  

3. next.config.mjs
   넥스트JS 설정을 관리하는 파일
   reactStrictMode = 잠제적인 문제를 나타내기 위해 2번 실행함