Build production Next.js apps: App Router layout patterns, Server Components vs Client Components, streaming with Suspense, metadata API, and parallel routes.
When to use this skill
- Setting up a Next.js app router
- Choosing between Server and Client Components
- Implementing streaming with Suspense
Core concepts
This skill provides guidance on next.js best practices best practices, patterns, and common pitfalls. It is designed to be loaded on demand when a relevant task is detected.
Installation
curl -LO https://opencode-skills.example/downloads/framework/nextjs-best-practices.zip
unzip nextjs-best-practices.zip -d ~/.config/opencode/skills/Restart OpenCode — the skill loads automatically.
When it triggers
- setting up a Next.js app router
- choosing between Server and Client Components
- implementing streaming with Suspense