File-based routing trong Next.js App Router hoạt động như thế nào?

Trong thư mục app/, mỗi thư mục đại diện cho một route segment. page.tsx là component hiển thị cho route đó. [param] là dynamic segment. (group) là route group không ảnh hưởng URL. [...slug] là catch-all.

File conventions: page.tsx, layout.tsx, loading.tsx, error.tsx, not-found.tsx.