app/을 통해서 navigation 전반에서 상태를 유지하고, 리렌더링을 방지하고, 고급 라우팅 패턴을 사용할 수 있습니다. 또한 레이아웃을 겹칠 수 있고, 컴포넌트, 테스트 및 스타일과 같은 코드들을 어플리케이션 코드에 같은 곳에 배치할 수 있습니다.
app/page.js 예시입니다.
export default function Page() {
return (
<h1>
Hello, Next.js!
</h1>
)
}
JavaScript
복사
이렇게 되었을 때 파일 시스템들에 layout들을 선언할 수 있습니다. 이러한 레이아웃들은 여러 페이지들이 공유할 수 있고, 리렌더링을 막는 등의 장점이 있습니다.