Skills
.Work. You
Rest

nextjs-navigation-functions

Community

Master Next.js App Router navigation.

Software Engineering#routing#next.js#navigation#client-side#app router#server-side#redirect
Authorxabierlameiro
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive reference for Next.js 16 App Router navigation functions, enabling developers to understand and implement client-side and server-side routing, redirects, and error handling.

Core Features & Use Cases

  • Server-Side Navigation: Learn to use redirect, permanentRedirect, notFound, forbidden, and unauthorized in Server Components and Server Actions.
  • Client-Side Navigation Hooks: Understand useRouter, usePathname, useSearchParams, and useParams for dynamic navigation in Client Components.
  • Use Case: When building a Next.js application, you need to redirect users after a successful form submission or display a custom 404 page when a resource is not found. This Skill guides you on how to implement these scenarios correctly.

Quick Start

Use the nextjs-navigation-functions skill to implement a server-side redirect to the login page if a user is not authenticated.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-navigation-functions
Download link: https://github.com/xabierlameiro/price-tracker/archive/main.zip#nextjs-navigation-functions

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.