< Nuxt 프로젝트 폴더 구조 (루트 경로 기준) >
📍app.vue
- Nuxt 프로젝트에서 진입점 역할을 함
- 여기에 직접 렌더링될 코드를 작성하면 모든 경로에서 보여짐
- NuxtPage 컴포넌트를 렌더링하여 pages 폴더에 만들어진 라우트들이 보여지게 할 수 있음
📍pages
- 폴더 기반 라우팅 기능 제공
- index.vue 에 작성하는 내용이 폴더의 기본 라우트 페이지가 됨
- 라우트명.vue 처럼 파일을 만들 수도 있음
< 컴포넌트 >
📍NuxtPage
- NuxtPage 컴포넌트를 app.vue 내부에서 호출하여 pages 폴더에 작성된 라우트가 나타나게 함
📍NuxtLink
- <a /> 역할을 수행하면서 성능상의 이점을 제공
- 이동 시 full page refresh를 방지하고 animated transition 효과를 제공
- 또한, 뷰포트에 NuxtLink 컴포넌트가 보이면, Nuxt가 백그라운드에서 prefetch 수행하여 빠른 네비게이션 가능