Next.js 튜토리얼 Navigate Between Pages 간단 정리

Next.js 튜토리얼 Navigate Between Pages 간단 정리

• 페이지

  pages 디렉토리를 기준으로 파일의 경로가 URL 경로가 됨

• 링크 컴포넌트

  Link 컴포넌트로 클라이언트 사이드 네비게이션 가능

• 클라이언트 사이드 네비게이션

  페이지 전환이 JS 를 통해 이루어짐

  브라우저의 a 보다 빠름

• 코드 스플리팅

  각 페이지는 그 페이지에 필요한 것들만 불러옴

  각 페이지가 고립되어있기 때문에 특정 페이지에서 에러 발생해도 다른 페이지들은 작동

• 프리페치

  페이지에서 Link 컴포넌트 등장 시 해당 Link 가 연결된 페이지를 위해 자동으로 코드를 프리페치 함

  해당 페이지들이 미리 로드되어 있어 페이지 전환이 빨라짐