This is a comprehensive Next.js skill built around the App Router and Server Components, covering the full stack from routing patterns to API routes and middleware. You'd reach for this when building modern React apps with SSR, implementing ISR for static sites, or creating full-stack applications with serverless backends. The documentation goes deep on practical patterns like parallel and sequential data fetching, dynamic routes with generateStaticParams, and the right way to mix server and client components. The examples are production-focused, showing real patterns for e-commerce, blogs, and dashboards rather than toy demos. It's anchored to the official Vercel Next.js repo, so you're getting canonical patterns straight from the source.

skills.sh installs
473
GitHub stars
63
last updated
Aug 21, 2026

Install

$ npx -y skills add manutej/luxor-claude-marketplace --skill nextjs-development --agent claude-code

Installs into .claude/skills of the current project.

Files

Next.js Development Skill

This skill provides comprehensive guidance for building modern Next.js applications using the App Router, Server Components, data fetching patterns, routing, API routes, middleware, and full-stack development techniques based on official Next.js documentation.

When to Use This Skill

Use this skill when:

  • Building full-stack React applications with server-side rendering (SSR)
  • Creating static sites with incremental static regeneration (ISR)
  • Developing modern web applications with React Server Components
  • Building API backends with serverless route handlers
  • Implementing SEO-optimized applications with metadata and Open Graph
  • Creating production-ready web applications with built-in optimization
  • Building e-commerce, blogs, dashboards, or content-driven sites
  • Implementing authentication, data fetching, and complex routing patterns
  • Optimizing images, fonts, and performance automatically
  • Deploying serverless applications with edge computing capabilities

Core Concepts

App Router

Sponsors

Details

Repository
github.com/manutej/luxor-claude-marketplace
Categories
Frontend Development, Backend & APIs
First seen
Jun 3, 2026

More from manutej/luxor-claude-marketplace

All 66
1manutej avatarreact-developmentmanutej/luxor-claude-marketplaceComprehensive React development with hooks, components, state management, context, effects, and performance optimization based on official React documentation468skills.sh installs
2pproenca avatarzustandpproenca/dot-skillsZustand state management best practices for React applications. Use when writing, reviewing, or refactoring Zustand stores to ensure optimal performance and mai453skills.sh installs
3suryavirkapur avatarsolidjssuryavirkapur/skillsSolidJS framework development skill for building reactive web applications with fine-grained reactivity. Use when working with SolidJS projects including: (1) C452skills.sh installs
4davila7 avatarnextjs-supabase-authdavila7/claude-code-templatesExpert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected rou410skills.sh installs
5questfortech-investments avatarreact-vite-expertquestfortech-investments/claude-code-skillsComplete React + Vite expertise for building optimized, scalable applications. Covers project architecture, folder structure, component patterns, performance op405skills.sh installs
6hairyf avatarreact-native-reusableshairyf/skillsAgent skill for React Native Reusables — shadcn-style components for React Native (Expo) with Nativewind/Uniwind, RN Primitives, and CLI-driven scaffolding.387skills.sh installs