Blog

Twoja wymarzona praca? Lets Git IT.
Interaktywna platforma przygotowująca do rozmów technicznych dla nowoczesnych programistów.

XGitHub

Platforma

  • Kategorie

Zasoby

  • Blog
  • O aplikacji
  • FAQ
  • Sugestie

Prawne

  • Polityka prywatności
  • Regulamin

© 2025 LetsGit.IT. Wszelkie prawa zastrzeżone.

LetsGit.IT/Kategorie/Next.js
Next.jseasy

Jak zrobić dynamiczny route w App Router i odczytać params?

Tagi
#routing#dynamic-route#params
Wróć do kategoriiPrzejdź do quizu

Odpowiedź

Tworzysz folder np. `app/posts/[id]/page.tsx`. W Server Component czytasz z props `params`, a w Client Component możesz użyć `useParams()`.

export default function Page({ params }: { params: { id: string } }) {
  return <div>Post id: {params.id}</div>
}

Powiązane pytania

Next.js
Middleware w Next.js: do czego się nadaje i jakie ma ograniczenia?
#nextjs#middleware#edge
Next.js
Route Groups `(group)`: co to jest i po co się je stosuje?
#nextjs#routing#route-groups
Next.js
Do czego służą `useSearchParams()` i `useParams()` (i gdzie można ich używać)?
#params#search-params#hooks
Next.js
Next.js: czemu używać `<Link>` zamiast zwykłego `<a>` dla nawigacji wewnętrznej?
#nextjs#link#routing
Next.js
Jak działają segmenty routingu i zagnieżdżone layouty w Next.js?
#routing#layouts#segments