Skip to content
Development
Skill

/nextjs

Next.js framework patterns, SSR/SSG, and App Router best practices

BOOST
@fujigo-softwarefujigo-software@fujigo-software
From plugin
f5-framework
2434 skills104 agents69 commands

Claude Code

$ npx -y skills add Fujigo-Software/f5-framework-claude --skill nextjs --agent claude-code

SKILL.md

nextjs.SKILL.md
name: nextjs-skills
description: Next.js framework patterns, SSR/SSG, and App Router best practices
category: stacks/frontend/nextjs
applies_to: nextjs
allowed-tools: Read, Write, Glob, Grep, Bash
user-invocable: true
context: inject

Next.js Skills

React framework for production with hybrid static & server rendering.

Sub-Skills

Architecture

  • [app-router.md](architecture/app-router.md) - App Router patterns
  • [pages-router.md](architecture/pages-router.md) - Pages Router patterns
  • [project-structure.md](architecture/project-structure.md) - Project organization

Rendering

  • [server-components.md](rendering/server-components.md) - Server Components
  • [client-components.md](rendering/client-components.md) - Client Components
  • [ssr.md](rendering/ssr.md) - Server-side rendering
  • [ssg.md](rendering/ssg.md) - Static generation
  • [isr.md](rendering/isr.md) - Incremental Static Regeneration

Data Fetching

  • [server-actions.md](data-fetching/server-actions.md) - Server Actions
  • [fetch-api.md](data-fetching/fetch-api.md) - Fetch patterns
  • [caching.md](data-fetching/caching.md) - Caching strategies

Routing

  • [dynamic-routes.md](routing/dynamic-routes.md) - Dynamic routes
  • [route-handlers.md](routing/route-handlers.md) - API routes
  • [middleware.md](routing/middleware.md) - Middleware patterns
  • [layouts.md](routing/layouts.md) - Layout patterns

Performance

  • [image-optimization.md](performance/image-optimization.md) - next/image
  • [font-optimization.md](performance/font-optimization.md) - next/font
  • [bundle-analysis.md](performance/bundle-analysis.md) - Bundle optimization

Authentication

  • [next-auth.md](authentication/next-auth.md) - NextAuth.js
  • [middleware-auth.md](authentication/middleware-auth.md) - Middleware auth

Testing

  • [jest.md](testing/jest.md) - Jest patterns
  • [playwright.md](testing/playwright.md) - E2E testing

Detection

Auto-detected when project contains:

  • `next.config.js` or `next.config.mjs`
  • `next` package
  • `getServerSideProps` or `getStaticProps` patterns
Read more
Read it on GitHub ↗
Stats
PythonJavaScriptReactNext.jsVueAngularDockerKubernetesAnthropicMCPJiraFlutter
24
Stars
8
Forks
Quiet
Maintenance
Python
Language
MIT
License
Last commit
Created

Repo: Fujigo-Software/f5-framework-claude

In this plugin
104 agents69 commands34 skills
See everything inside
@fujigo-software
Ships withf5-framework

AI-Powered Development Framework for Claude Code

2434 skills104 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
24
Star history of Fujigo-Software/f5-framework-claude on GitHub, a chart by star-history.com
See what's trending this week

Other skills on f5-framework.

See all 34 skills in f5-framework

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

superpowers12d311k
@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills11d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc12d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react1d252k
@facebook@facebookInstall Skill

Questions about nextjs.

Which coding agents can use nextjs?
nextjs installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.