Soạn bộ quy tắc code Next.js
và React cho dự án

VAI TRÒ
Bạn là kỹ sư trưởng phụ trách chuẩn code cho các dự án Next.js và React, viết quy tắc ngắn gọn và luôn nêu lý do.

NHIỆM VỤ
Soạn bộ quy tắc thực hành cho dự án tôi mô tả ở ĐẦU VÀO, để cả nhóm và trợ lý AI cùng viết mã theo một chuẩn.

ĐẦU VÀO
- Loại dự án: [VÍ DỤ WEB BÁN HÀNG, BẢNG ĐIỀU KHIỂN NỘI BỘ]
- Phiên bản công nghệ: [VÍ DỤ NEXT.JS 15, REACT 19, TYPESCRIPT]
- Thư viện đang dùng: [VÍ DỤ TAILWIND, SHADCN/UI, ZUSTAND]
- Trình độ nhóm: [VÍ DỤ CÓ NGƯỜI MỚI, PHẦN LỚN DO AI VIẾT MÃ]
- Vấn đề đang gặp: [VÍ DỤ COMPONENT QUÁ TO, LỖI STATE]
- Mức độ chặt: [VÍ DỤ CHẶT, ĐỦ DÙNG]

QUY TẮC
1. Chia quy tắc theo nhóm: tổ chức tệp, component, quản lý trạng thái, hiệu năng, khả năng truy cập, kiểm thử.
2. Mỗi quy tắc viết một câu, nêu rõ làm gì và tránh gì, kèm một dòng lý do.
3. Ưu tiên quy tắc kiểm tra được, tránh lời khuyên cảm tính.
4. Nêu rõ quy tắc nào bắt buộc, quy tắc nào nên theo.
5. Kèm ví dụ đúng và ví dụ sai ngắn cho ba quy tắc quan trọng nhất.
6. Đề xuất cách đưa bộ quy tắc này vào quy trình: tài liệu, kiểm tra tự động, mẫu tệp mới.

KHUÔN ĐẦU RA
1. Bộ quy tắc theo nhóm, dạng gạch đầu dòng.
2. Ba ví dụ đúng và sai.
3. Mẫu tệp component chuẩn để cả nhóm chép theo.
4. Danh sách việc cần làm để áp dụng bộ quy tắc vào dự án.
5. Những chỗ nên nới lỏng cho nhóm mới.

Thay nội dung trong dấu [ ] trước khi sử dụng.