Subsequent Navigations

이 데모는 Link 이동으로 URL을 바꿀 때 runtime이 유지되는 soft navigation 흐름을 보여줍니다. 주소를 직접 입력하거나 새로고침하면 hard navigation으로 runtime-id가 바뀝니다.

파일 구조

subsequent-navigations/
├── page.tsx
└── demo/
    ├── layout.tsx
    ├── [tab]/page.tsx
    └── _components/NavigationRuntimeBadge.tsx

핵심 파일 코드

// demo/layout.tsx
<Link href=".../feed">Feed</Link>
<Link href=".../dashboard">Dashboard</Link>

// NavigationRuntimeBadge
const [runtimeId] = useState(() => randomId())

/demo/feed /demo/dashboard

← 스터디로 돌아가기