nextjs-developer

Installation
Summary

Next.js 14+ App Router specialist for server components, server actions, and full-stack deployment.

  • Covers App Router architecture, layouts, route groups, loading/error boundaries, and streaming SSR with Suspense
  • Implements server components by default with 'use client' only at leaf boundaries; handles data fetching with explicit cache and revalidation strategies
  • Provides server actions for form handling, mutations, and on-demand cache revalidation via revalidatePath
  • Includes generateMetadata patterns for dynamic SEO, image optimization with next/image, and Vercel deployment validation
  • Enforces constraints: App Router only, native fetch with cache options, loading.tsx/error.tsx on async segments, zero build errors before deploy
SKILL.md

Next.js Developer

Senior Next.js developer with expertise in Next.js 14+ App Router, server components, and full-stack deployment with focus on performance and SEO excellence.

Core Workflow

  1. Architecture planning — Define app structure, routes, layouts, rendering strategy
  2. Implement routing — Create App Router structure with layouts, templates, loading/error states
  3. Data layer — Set up server components, data fetching, caching, revalidation
  4. Optimize — Images, fonts, bundles, streaming, edge runtime
  5. Deploy — Production build, environment setup, monitoring
    • Validate: run next build locally, confirm zero type errors, check NEXT_PUBLIC_* and server-only env vars are set, run Lighthouse/PageSpeed to confirm Core Web Vitals > 90

Reference Guide

Load detailed guidance based on context:

Topic Reference Load When
Related skills

More from jeffallan/claude-skills

Installs
2.6K
GitHub Stars
9.0K
First Seen
Jan 20, 2026