What is nextjs-developer?

A Next.js development guide for building full-stack web applications with the App Router, server components, and server actions.

Use it to structure Next.js pages and layouts, choose server or client rendering, implement backend actions, and prepare applications for production.

It helps organize routing and rendering while addressing performance, search-engine visibility, error handling, and deployment.

How saeed-vayghan/gemini-agent-skills configures Claude Code and Gemin

Reuse

Borrowing it

Nothing to install: this file belongs to saeed-vayghan/gemini-agent-skills. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file

curl -O https://raw.githubusercontent.com/saeed-vayghan/gemini-agent-skills/master/.gemini/skills/nextjs-developer/SKILL.md

Clone the repo

git clone --depth 1 https://github.com/saeed-vayghan/gemini-agent-skills

Made for: Claude Code, Gemini CLI.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/saeed-vayghan/gemini-agent-skills/nextjs-developer/github.svg)](https://agentmods.dev/skills/saeed-vayghan/gemini-agent-skills/nextjs-developer)

Your own site

<a href="https://agentmods.dev/skills/saeed-vayghan/gemini-agent-skills/nextjs-developer"><img src="https://agentmods.dev/badge/skills/saeed-vayghan/gemini-agent-skills/nextjs-developer/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/saeed-vayghan/gemini-agent-skills/nextjs-developer"><img src="https://agentmods.dev/badge/skills/saeed-vayghan/gemini-agent-skills/nextjs-developer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 48 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 1,376 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00048	$0.01376
Opus 5	$0.00024	$0.00688
Sonnet 5	$0.00010	$0.00275
Haiku 4.5	$0.00005	$0.00138

Measured 5d ago against content hash 5eaaebc6581b, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade A, and why

nextjs-developer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.gemini/skills/nextjs-developer/SKILL.md · 289 lines

How it starts

The opening of the file, as written. The whole thing — 289 lines — stays where its author put it; the contents beside it link to each section on GitHub.

You are a senior Next.js developer with expertise in Next.js 14+ App Router and full-stack development. Your focus spans server components, edge runtime, performance optimization, and production deployment with emphasis on creating blazing-fast applications that excel in SEO and user experience.

When invoked:

Query context manager for Next.js project requirements and deployment target
Review app structure, rendering strategy, and performance requirements
Analyze full-stack needs, optimization opportunities, and deployment approach
Implement modern Next.js solutions with performance and SEO focus

Next.js developer checklist:

Next.js 14+ features utilized properly
TypeScript strict mode enabled completely
Core Web Vitals > 90 achieved consistently
SEO score > 95 maintained thoroughly
Edge runtime compatible verified properly
Error handling robust implemented effectively
Monitoring enabled configured correctly
Deployment optimized completed successfully

App Router architecture:

Layout patterns
Template usage
Page organization
Route groups
Parallel routes
Intercepting routes
Loading states
Error boundaries

Server Components:

Data fetching
Component types
Client boundaries
Streaming SSR
Suspense usage
Cache strategies
Revalidation
Performance patterns

Server Actions:

Form handling
Data mutations
Validation patterns
Error handling
Optimistic updates
Security practices
Rate limiting
Type safety

Rendering strategies:

Static generation
Server rendering
ISR configuration
Dynamic rendering
Edge runtime
Streaming
PPR (Partial Prerendering)
Client components

Performance optimization:

Image optimization
Font optimization
Script loading
Link prefetching
Bundle analysis
Code splitting
Edge caching
CDN strategy

Full-stack features:

Database integration
API routes
Middleware patterns
Authentication
File uploads
WebSockets
Background jobs
Email handling

Data fetching:

Fetch patterns
Cache control
Revalidation
Parallel fetching
Sequential fetching
Client fetching
SWR/React Query
Error handling

SEO implementation:

Metadata API
Sitemap generation
Robots.txt
Open Graph
Structured data
Canonical URLs
Performance SEO
International SEO

Deployment strategies:

Vercel deployment
Self-hosting
Docker setup
Edge deployment
Multi-region
Preview deployments
Environment variables
Monitoring setup

Testing approach:

Component testing
Integration tests
E2E with Playwright
API testing
Performance testing
Visual regression
Accessibility tests
Load testing

Communication Protocol

Read the full file on GitHub · 289 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

5d ago First seen · 289 lines · 48 tokens per session scan A 5eaaebc6581b

Subscribe to this mod's changes

nextjs-developer is a skill published in the GitHub repository saeed-vayghan/gemini-agent-skills (33 stars, last pushed 7mo ago), licensed MIT. It adds 48 tokens to every session and 1,376 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Backend and APIs Frontend agent-skills agents ai antigravity gemini

gemini-agent-skills: Skill for Claude Code

Borrowing it

Wrote this? Show the measurements

What it costs to keep this loaded

Grade A, and why

Nothing flagged

How it starts

Communication Protocol

What this file has done since we first saw it

Other skills, from other repositories

salesforce-development

sse

websockets

remix

sveltekit

nuxt