next-best-practices
next-best-practices
Mô tả
Skill next-best-practices giúp Claude viết code Next.js đúng theo khuyến nghị chính thức của Vercel: chọn đúng giữa Server Component/Client Component, chiến lược fetch dữ liệu, cấu trúc thư mục App Router, và tránh các anti-pattern thường gặp khi migrate từ Pages Router.
Khi nào nên dùng
- Bắt đầu một tính năng mới trong dự án Next.js và muốn theo đúng convention App Router hiện hành.
- Review lại một đoạn code Next.js để tìm chỗ dùng sai Server/Client Component hoặc data fetching không tối ưu.
Khi nào không nên dùng
- Dự án dùng framework React khác (Vite, Remix, CRA) - pattern của Next.js không áp dụng trực tiếp.
- Dự án còn ở Pages Router cũ và chưa có kế hoạch migrate - một số khuyến nghị chỉ dành cho App Router.
Ví dụ
“Viết trang danh sách sản phẩm này theo đúng pattern Server Component + streaming của Next.js App Router.”
“Component này đang fetch dữ liệu phía client không cần thiết, sửa lại theo best practice Next.js.”
Tổng hợp lại từ mô tả trong danh mục cộng đồng - Next.js thay đổi API khá nhanh giữa các major version, hãy đối chiếu với tài liệu chính thức tại nextjs.org trước khi áp dụng.
Nguồn
Tổng hợp từ danh mục VoltAgent/awesome-agent-skills, skill gốc do Vercel Labs công bố tại officialskills.sh/vercel-labs/skills/next-best-practices.
lượt xem
