Jak działa routing plikowy i dynamiczna trasa [id]?

W App Routerze foldery wyznaczają segmenty URL, a page.jsx udostępnia stronę. Folder [id] przechwytuje dynamiczną wartość.

// app/products/[id]/page.jsx
export default async function ProductPage({ params }) {
  const { id } = await params;
  return <h1>Produkt: {id}</h1>;
}

Przykład: /products/42 daje id równe "42".

Doprecyzowanie: pokazany zapis odpowiada współczesnemu App Routerowi, gdzie params jest asynchroniczne. Parametr trasy i query string, np. ?sort=price, to różne rzeczy. Dane z URL trzeba zweryfikować przed użyciem w zapytaniu.