Menu
Build modern Next.js apps with App Router and best practices
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
| name | modern-best-practice-nextjs |
| description | Build modern Next.js apps with App Router and best practices |
Next.js is a library that changes frequently - use web search or context7 MCP (via DocsExplorer agent) for exploring the current documentation.
app/ for new work'use client' only where neededuseEffect() and fetch()useActionStateloading.tsx and error.tsx for route-level UXSuspense boundaries around async UIDescribes efficient usage of Bun and Bun APIs instead of Node.js (and its APIs)
Write clean, efficient TypeScript code that follows common best practices
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes
Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage
Utilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via JavaScript
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants