GuidesBeginner · 7 min · Updated May 3, 2026

Routing Basics

Build nested routes with dynamic segments in App Router.

Static and dynamic routes

Create /docs and /docs/[slug] pages with typed params.

Dynamic route

tsx

export default async function Page({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params;
  return <div>{slug}</div>;
}