Blog

Your dream job? Lets Git IT.
Interactive technical interview preparation platform designed for modern developers.

XGitHub

Platform

  • Categories

Resources

  • Blog
  • About the app
  • FAQ
  • Feedback

Legal

  • Privacy Policy
  • Terms of Service

© 2025 LetsGit.IT. All rights reserved.

LetsGit.IT/Categories/Next.js
Next.jsmedium

How do you navigate programmatically in the App Router?

Tags
#app-router#useRouter#navigation
Back to categoryPractice quiz

Answer

In a Client Component, use `useRouter()` from `next/navigation` and call `router.push()` / `router.replace()`. In Server Components you usually redirect with `redirect()`.

'use client'

import { useRouter } from 'next/navigation'

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

Related questions

Next.js
Route Handlers in the App Router: how do you define them and what are they used for?
#nextjs#route-handlers#api
Next.js
Dynamic routes: what does `generateStaticParams` do?
#nextjs#ssg#dynamic-routes
Next.js
Server Actions (`'use server'`): what are they and what are common restrictions?
#nextjs#server-actions#mutations
Next.js
Route Groups `(group)`: what are they and why use them?
#nextjs#routing#route-groups
Next.js
In the App Router, what are `error.tsx` and `not-found.tsx` used for?
#nextjs#app-router#error-boundary
Next.js
What is `generateMetadata` in Next.js and when is it useful?
#nextjs#metadata#seo