nextjs-server-navigation

Use Next.js Link component directly in server components. Import Link from 'next/link' and render it with an href prop—no 'use client' directive needed. Server components can render Link natively, keeping your navigation server-rendered.

Use redirect() for conditional server-side redirects based on logic or data fetching in server components. Link handles user-initiated navigation; redirect() handles programmatic redirects during server rendering.

Yes. Server components support Link and redirect() natively. You avoid 'use client' by using server-side navigation patterns—Link for hyperlinks and redirect() for conditional routing logic.

Link renders interactive hyperlinks that work in server components. redirect() performs programmatic server-side redirects during rendering. Choose Link for user-clickable navigation, redirect() for server logic-driven routing.

Use server actions with redirect(). Define async functions marked 'use server', handle form data, then call redirect() to navigate after processing—all within server components without client-side JavaScript.

Server components handle navigation natively via Link and redirect(). You don't need 'use client' for basic routing—server components keep navigation server-rendered and improve performance.