WEBBOOK CHAPTER

Next.js 16.3, 서비스로 완성하기: 2장. App Router의 폴더 문법

2장. App Router의 폴더 문법

app/layout.tsx는 공통 껍데기, page.tsx는 route UI, loading.tsx는 streaming fallback, error.tsx는 client error boundary, not-found.tsx는 없는 자원이다. 폴더가 URL이 되는 규칙과 route group·dynamic segment를 작은 표로 만든다.

LocalLoop는 /classes, /classes/[slug], /bookings, /host/classes, /api/health로 시작한다. 사용자 여정 없는 폴더부터 만들지 않는다.