next-js-patterns
Aplicar padrões do Next.js App Router
Obtenha as melhores práticas para Next.js 15 App Router, incluindo Server Components, layouts e padrões de navegação. Construa aplicações React modernas com arquitetura adequada.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「next-js-patterns」。 How do I create a new dashboard page?
預期結果:
- Create app/dashboard/page.tsx
- Export default function as Server Component by default
- Use use client directive only for state or effects
- Add Link components for internal navigation
- Export metadata for SEO
正在使用「next-js-patterns」。 When should I use Server Components vs Client Components?
預期結果:
- Use Server Components by default for better performance
- Use Client Components when you need useState or useEffect
- Use Client Components for event handlers and browser APIs
- Keep client-side logic in separate components
安全審計
安全Pure documentation skill containing markdown documentation for Next.js patterns. No executable code, network calls, or file system access. The static analyzer flagged JSON string patterns as cryptographic/network threats, but these are metadata fields in a configuration file. This skill only provides guidance documentation.
風險因素
🌐 網路存取 (2)
📁 檔案系統存取 (1)
品質評分
你能建構什麼
Aprender fundamentos do App Router
Entenda layouts de páginas, tipos de componentes e navegação no Next.js 15
Aplicar padrões de dados no servidor
Busque dados em Server Components e gerencie necessidades de dados no lado do cliente
Estruturar projetos Next.js
Projete layouts de rotas adequados, metadados e otimização de fontes
試試這些提示
Mostre-me como criar uma nova página no Next.js App Router com estrutura adequada de Server Component
Como criar um Client Component no Next.js App Router para gerenciamento de estado
Qual é a diferença entre Link e useRouter para navegação no Next.js
Mostre as melhores práticas para buscar dados em Server Components versus Client Components
最佳實務
- Priorize Server Components por padrão para melhor desempenho e segurança
- Use Link de next/link para todos os links de navegação interna
- Mantenha a lógica do lado do cliente em componentes separados com diretiva use client
- Defina metadados no nível da página ou layout para otimização de SEO
避免
- Evite usar useRouter quando o componente Link seria suficiente
- Não transforme todos os componentes em Client Components desnecessariamente
- Evite buscar dados em Client Components quando Server Components podem lidar com isso