nextjs-developer

Master Next.js 15+ development with App Router architecture, Server Components, and advanced patterns like Partial Prerendering. This skill covers file-based routing, Server Actions, caching strategies, and React 19 features to optimize performance and developer experience. Learn streaming, error boundaries, and production-ready patterns for modern web applications.

Next.js Developer builds production-ready applications using App Router, Server Components, and React 19 patterns.

AI-generated summary based on this skill's SKILL.md

★ 12 ⁮ 1 MIT updated 2026-06-28 by greedychipmunk

Install

greedychipmunk/agent-skills/nextjs-developer · repository language: TypeScript

Manual (git clone) CLI (skillfed)

git clone https://github.com/greedychipmunk/agent-skills
cp -r agent-skills/nextjs-developer ~/.claude/skills/nextjs-developer

npx skillfed install greedychipmunk/agent-skills/nextjs-developer

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do I build a Next.js app with App Router?

nextjs-developer teaches you to build production-ready Next.js applications using the App Router architecture. You'll learn file-based routing in the app/ directory, create pages and layouts with React Server Components by default, and organize your application with nested routes and route groups. The skill covers modern patterns for structuring your Next.js 15+ project from the ground up.

What are Next.js Server Components best practices?

nextjs-developer covers Server Components as the default in App Router, showing best practices for data fetching directly in components, leveraging async/await, and minimizing client-side JavaScript. You'll learn when to use 'use client' directives, how to compose Server and Client Components effectively, and patterns for maintaining security and performance in production applications.

How do I implement Next.js Server Actions and form handling?

nextjs-developer teaches Server Actions for handling form submissions and mutations directly from Server Components. You'll learn to create async functions marked with 'use server', bind them to forms, implement optimistic UI updates, and handle validation and errors. The skill includes patterns for progressive enhancement and building responsive forms without traditional API routes.

What data fetching patterns work best in Next.js 15?

nextjs-developer covers modern data fetching strategies including fetch() with built-in caching, revalidation options (time-based and on-demand), and streaming with Suspense. You'll master caching headers, ISR patterns, and when to use different revalidation strategies. The skill explains how Next.js 15 optimizes data freshness while maintaining performance in production environments.

How can I optimize Next.js performance with Partial Prerendering?

nextjs-developer explains Partial Prerendering (PPR) as a hybrid rendering approach combining static and dynamic content. You'll learn to mark routes for prerendering, use Suspense boundaries to defer dynamic sections, and leverage Turbopack for faster builds. The skill covers streaming, image optimization, and performance monitoring techniques for production-ready Next.js applications.

What routing patterns does Next.js App Router support?

nextjs-developer covers comprehensive routing patterns including dynamic routes with [id], catch-all routes with [...slug], optional catch-all routes, and intercepting routes for advanced UX. You'll learn route groups for organization, parallel routes for complex layouts, and middleware for authentication and request handling. Master file-based routing conventions for scalable Next.js applications.

SKILL.md

rendered from the published skill — quoted content, verbatim