nextjs-server-navigation

SKILL.md

Server Components use DIFFERENT navigation methods than Client Components!

When requirements call for server-rendered navigation—for example, linking to other pages, redirecting after a check, or demonstrating routing patterns—prefer and redirect() within Server Components. You still avoid 'use client' unless a client-only API is involved.

Scenario: build a server component that demonstrates proper navigation patterns

Guide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client navigation methods. Use when adding links, redirects, or navigation logic in server components without converting them to client components unnecessarily. Source: wsimmonds/claude-nextjs-skills.

View raw