academind/ai-config/modern-best-practice-nextjs

Claude Code and agent skill by academind/ai-config

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Build modern Next.js apps with App Router and best practices

Install

npx vskill@latest install academind/ai-config/modern-best-practice-nextjs

SKILL.md

Next.js Best Practices (App Router)

Next.js is a library that changes frequently - use web search or context7 MCP (via DocsExplorer agent) for exploring the current documentation.

Routing & Structure

  • Use the App Router in app/ for new work
  • Use nested layouts and route groups to organize sections
  • Keep server components as the default; add 'use client' only where needed

Data Fetching & Caching

  • Fetch data in React Server Components - AVOID fetching via useEffect() and fetch()
  • Use server actions ("Server Functions") for mutations, potentially in conjunction with React Hooks like useActionState

UI States

  • Provide loading.tsx and error.tsx for route-level UX
  • Use Suspense boundaries around async UI

Metadata & SEO

  • Use the Metadata API in layouts and pages
  • Prefer static metadata when possible; keep dynamic metadata minimal

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
2
7-day trend score
5

Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 22 Mar 2026, 7 months ago.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/academind/ai-config/modern-best-practice-nextjs/badge)](https://verified-skill.com/skills/academind/ai-config/modern-best-practice-nextjs)

Something wrong with this skill or its page? Tell us.