Next Docs - Building Your Application

https://nextjs.org/docs/app/building-your-application/routing/defining-routes

Next 13의 App Router는 page, layout, template를 쉽게 생성할 수 있는 새로운 파일 규칙이 도입되었습니다.페이지는 경로의 고유한 UI입니다. 파일에서 컴포넌트를 export해 페이지를 정의할 수 있습니다.중첩된 폴더를 사용하여 경로와 pa

Next.js에서 경로 간의 탐색하는 방법에는 두 가지가 있습니다.<Link> 컴포넌트 활용useRouter() hook 활용<Link>는 HTML <a> 태그를 확장하여 경로 간 프리패치 및 클라이언트 측 탐색을 제공하는 내장 구성 요소입니다.동적 세

app 디렉터리에서 중첩된 폴더는 일반적으로 URL 경로에 매핑됩니다. 그러나 폴더가 경로의 URL 경로에 포함되지 않도록 폴더를 경로 그룹으로 표시할 수 있습니다.이를 통해 URL 경로 구조에 영향을 주지 않고 경로 세그먼트와 프로젝트 파일을 논리 그룹으로 구성할 수

정확한 세그먼트 이름을 미리 모르고 동적 데이터에서 경로를 생성하려는 경우 요청 시 채워지거나 빌드 시 미리 렌더링되는 동적 세그먼트를 사용할 수 있습니다. Convention 동적 세그먼트는 폴더 이름을 대괄호로 묶어 생성할 수 있습니다. [folderName].

Reference https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming

Reference https://nextjs.org/docs/app/building-your-application/routing/error-handling

Reference https://nextjs.org/docs/app/building-your-application/routing/parallel-routes

Reference https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes

Route Handlers를 사용하면 웹 요청 및 응답 API를 사용하여 특정 경로에 대한 사용자 정의 요청 핸들러를 생성할 수 있습니다. 알아두면 좋은 점 Route Handlers는 app 디렉터리 내에서만 사용할 수 있습니다. 페이지 디렉터리 내부의 A

Reference https://nextjs.org/docs/app/building-your-application/routing/middleware

Reference https://nextjs.org/docs/app/building-your-application/routing/colocation

Reference https://nextjs.org/docs/app/building-your-application/routing/internationalization

Reference https://nextjs.org/docs/app/building-your-application/data-fetching/fetching-caching-and-revalidating

Reference https://nextjs.org/docs/app/building-your-application/data-fetching/patterns

Reference https://nextjs.org/docs/app/building-your-application/data-fetching/forms-and-mutations