यह सामग्री अभी आपकी भाषा में उपलब्ध नहीं है और अंग्रेज़ी में दिखाई जा रही है।

Next.js App Router Fundamentals

Skill सत्यापित

Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Activates for App Router migration, layout creation, routing patterns, or Next.js 13+ development tasks.

AI सारांश

This skill provides detailed instructions and code examples for working with Next.js 13+ App Router. It covers migration from the Pages Router, file-based routing conventions, layouts, metadata handling, and common patterns like Server Components and static site generation.

इंस्टॉलेशन

npx skills add wsimmonds/claude-nextjs-skills

Vercel skills CLI (skills.sh) को npx के माध्यम से चलाता है — स्थानीय रूप से Node.js और कम से कम एक इंस्टॉल किया गया skills-संगत एजेंट (Claude Code, Cursor, Codex, …) ज़रूरी है। यह मानता है कि रिपॉज़िटरी agentskills.io फ़ॉर्मैट का पालन करती है।

7 months ago

wsimmonds

90 stars

MIT

2 days ago को अपडेट किया गया

सोर्स देखें

मिलते-जुलते एक्सटेंशन

Next.js Server Component Navigation Pattern

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.

Skill

wsimmonds

Next.js Server vs. Client Components

Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers access, and 'use client' directive. Activates when prompt mentions useSearchParams, Suspense, navigation, routing, Link component, redirect, pathname, searchParams, cookies, headers, async components, or 'use client'. Essential for avoiding mixing server/client APIs.

Skill

wsimmonds