Next.jsmedium

Jak nawigować programowo w App Router?

Tagi

#app-router#useRouter#navigation

Wróć do kategorii Przejdź do quizu

Odpowiedź

W Client Component użyj `useRouter()` z `next/navigation` i wywołaj `router.push()` / `router.replace()`. W Server Components zwykle robisz redirect przez `redirect()`.

'use client'

import { useRouter } from 'next/navigation'

export function GoButton() {
  const router = useRouter()
  return (
    <button onClick={() => router.push('/en')}>Go</button>
  )
}

Powiązane pytania

Route Handlers w App Router: jak je definiujesz i do czego służą?

#nextjs#route-handlers#api

Trasy dynamiczne: co robi `generateStaticParams`?

#nextjs#ssg#dynamic-routes

Server Actions (`'use server'`): co to jest i jakie są typowe ograniczenia?

#nextjs#server-actions#mutations

Route Groups `(group)`: co to jest i po co się je stosuje?

#nextjs#routing#route-groups

W App Router: do czego służą `error.tsx` i `not-found.tsx`?

#nextjs#app-router#error-boundary

Co to jest `generateMetadata` w Next.js i kiedy jest przydatne?

#nextjs#metadata#seo