nextjs
✓Next.js 16 App Router 性能優化指南（以前稱為 nextjs-16-app-router）。在編寫 Next.js 16 代碼、配置緩存、在 Next.js 中實現服務器組件、設置 App Router 路由或配置 next.config.js 時，應使用此技能。此技能不涵蓋通用 React 19 模式（使用 React-19 技能）或非 Next.js 服務器渲染。
SKILL.md
Comprehensive performance optimization guide for Next.js 16 App Router applications, maintained by the Next.js Community. Contains 40 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 1 | Build & Bundle Optimization | CRITICAL | build- | | 2 | Caching Strategy | CRITICAL | cache- | | 3 | Server Components & Data Fetching | HIGH | server- | | 4 | Routing & Navigation | HIGH | route- | | 5 | Server Actions & Mutations | MEDIUM-HIGH | action- | | 6 | Streaming & Loading States | MEDIUM | stream- | | 7 | Metadata & SEO | MEDIUM | meta- |
| 8 | Client Components | LOW-MEDIUM | client- |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/thongdn-it/react-agent-skills --skill nextjs- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 nextjs？
Next.js 16 App Router 性能優化指南（以前稱為 nextjs-16-app-router）。在編寫 Next.js 16 代碼、配置緩存、在 Next.js 中實現服務器組件、設置 App Router 路由或配置 next.config.js 時，應使用此技能。此技能不涵蓋通用 React 19 模式（使用 React-19 技能）或非 Next.js 服務器渲染。 來源：thongdn-it/react-agent-skills。
如何安裝 nextjs？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/thongdn-it/react-agent-skills --skill nextjs 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/thongdn-it/react-agent-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01