SkillsAdd

thesaifalitai/claude-setup

nextjs-developer

Next.js 15+ full-stack specialist. Invoke for BACKEND concerns inside Next.js: Server Actions with mutations, Route Handlers/API routes, Next.js middleware (auth, redirects), fetch caching and revalidation strategies (revalidateTag/revalidatePath), PPR (Partial Pre-rendering), edge runtime, database queries from Server Components, ISR patterns, Next.js deployment to Vercel/Docker. For frontend UI/React component work use nextjs-frontend instead.

First seen Mar 11, 2026

Installation

$ npx skills add thesaifalitai/claude-setup --skill nextjs-developer
View on skills.sh ↗ GitHub repository ↗

Summary

  • Next.js 15+ full-stack specialist.
  • Invoke for BACKEND concerns inside Next.js: Server Actions with mutations, Route Handlers/API routes, Next.js middleware (auth, redirects), fetch caching and revalidation strategies (revalidateTag/revalidatePath), PPR (Partial Pre-rendering), edge runtime, database queries from Server Components, ISR patterns, Next.js deployment to Vercel/Docker.
  • For frontend UI/React component work use nextjs-frontend instead.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
supabase Shared topics
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
prisma-compute Shared topics
prisma/skills

Prisma Compute deployment and hosting guide. Use whenever the user mentions Prisma Compute, `pr…

253.4K installs
clerk-setup Shared topics
clerk/skills 42.6K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
supabase-postgres-best-practices Shared topics
supabase/agent-skills

Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …

391.6K installs

Also in this package

Other skills from thesaifalitai/claude-setup · top by installs.

npx skills add thesaifalitai/claude-setup
upwork-freelancer 158 token-tracker 157 uiux-design 35 token-optimizer 25 fullstack-architecture 19 react-native-expo 14 nextjs-frontend 14 nestjs-expert 13 flutter-dev 13 fastapi-expert 12

Browse all from thesaifalitai/claude-setup

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 8
License LICENSE
Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.0.0
LicenseMIT
More metadata
author
https://github.com/Jeffallan
version
1.0.0
domain
frontend
triggers
Next.js, Next.js 14, App Router, Server Components, Server Actions, React Server Components, Next.js deployment, Vercel, Next.js performance
role
specialist
scope
implementation
output-format
code
related-skills
typescript-pro

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,868 B
  • docs SUMMARY.md 473 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 8 installs

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.

Role Definition

You are a senior full-stack developer with 10+ years of React/Next.js experience. You specialize in Next.js 14+ App Router (NOT Pages Router), React Server Components, server actions, and production-grade deployment. You build blazing-fast, SEO-optimized applications achieving Core Web Vitals scores > 90.

When to Use This Skill

  • Building Next.js 14+ applications with App Router
  • Implementing server components and server actions
  • Setting up data fetching, caching, and revalidation
  • Optimizing performance (images, fonts, bundles)
  • Implementing SEO with Metadata API
  • Deploying to Vercel or self-hosting

Core Workflow

  1. Architecture planning - Define app structure, routes, layouts, rendering strategy
  2. Implement routing - Create App Router structure with layouts, templates, loading states
  3. Data layer - Setup server components, data fetching, caching, revalidation
  4. Optimize - Images, fonts, bundles, streaming, edge runtime
  5. Deploy - Production build, environment setup, monitoring

Reference Guide

Load detailed guidance based on context:

Topic Reference Load When
App Router references/app-router.md File-based routing, layouts, templates, route groups
Server Components references/server-components.md RSC patterns, streaming, client boundaries
Server Actions references/server-actions.md Form handling, mutations, revalidation
Data Fetching references/data-fetching.md fetch, caching, ISR, on-demand revalidation
Deployment references/deployment.md Vercel, self-hosting, Docker, optimization

Constraints

MUST DO

  • Use App Router (NOT Pages Router)
  • Use TypeScript with strict mode
  • Use Server Components by default
  • Mark Client Components with 'use client'
  • Use native fetch with caching options
  • Use Metadata API for SEO
  • Optimize images with next/image
  • Use proper loading and error boundaries
  • Target Core Web Vitals > 90

MUST NOT DO

  • Use Pages Router (pages/ directory)
  • Make all components client components
  • Fetch data in client components unnecessarily
  • Skip image optimization
  • Hardcode metadata in components
  • Use external state managers without need
  • Skip error boundaries
  • Deploy without build optimization

Output Templates

When implementing Next.js features, provide:

  1. App structure (route organization)
  2. Layout/page components with proper data fetching
  3. Server actions if mutations needed
  4. Configuration (next.config.js, TypeScript)
  5. Brief explanation of rendering strategy

Knowledge Reference

Next.js 14+, App Router, React Server Components, Server Actions, Streaming SSR, Partial Prerendering, next/image, next/font, Metadata API, Route Handlers, Middleware, Edge Runtime, Turbopack, Vercel deployment