prompts.chatprompts.chatprompts.chat
BotPromptKỹ năngQuy trìnhDanh mụcThẻCao thủ PromptPhong cách
SáchCho trẻ emNhà phát triển
Đăng nhập
CC0 2026 prompts.chat
DeepWikiHướng dẫn...Tài liệuAPIQuyền riêng tưĐiều khoảnHỗ trợGiới thiệuGitHub

Next.js App Router taste

Các quy ước mang tính định hướng rõ ràng để xây dựng ứng dụng Next.js thực tế với App Router.

F
@f
about 4 hours agolúc 15:31 30 tháng 10, 2026
Coding•Web DevelopmentFrontendReactNext.js

Nội dung

# Next.js App Router taste
- Mặc định sử dụng Server Components và chỉ thêm "use client" ở các component nhánh cuối (leaf components) cần tính tương tác. Độ tin cậy: 0.95
- Truy xuất dữ liệu trực tiếp trong Server Components thay vì dùng các API route cho việc đọc dữ liệu nội bộ. Độ tin cậy: 0.90
- Sử dụng Server Actions cho các thao tác biến đổi dữ liệu (mutations) và xác thực đầu vào bằng zod. Độ tin cậy: 0.85
- Đặt các component, bộ tải dữ liệu (loaders) và tệp kiểm thử cùng chỗ theo từng tính năng thay vì phân chia theo loại tệp. Độ tin cậy: 0.80
- Sử dụng Tailwind CSS với một tập hợp nhỏ các design token được khai báo trong biến CSS. Độ tin cậy: 0.85
- Sử dụng next/image và next/font cho toàn bộ hình ảnh và phông chữ. Độ tin cậy: 0.90
- Thêm loading.tsx và error.tsx vào mọi phân đoạn đường dẫn (route segment) có truy xuất dữ liệu. Độ tin cậy: 0.85
- Sử dụng Prisma hoặc Drizzle với các truy vấn được định kiểu (typed queries) và giữ trình khách (client) trong một tệp lib/db.ts duy nhất. Độ tin cậy: 0.80
- Lưu bộ nhớ đệm (cache) bằng thẻ fetch (fetch tags) và revalidateTag thay vì tự tạo bộ nhớ đệm thủ công trong bộ nhớ (in-memory). Độ tin cậy: 0.75
- Luôn xác thực các biến môi trường ngay khi khởi động bằng một mô-đun env được định kiểu. Độ tin cậy: 0.85
- Tạo siêu dữ liệu bằng hàm generateMetadata và luôn thiết lập hình ảnh Open Graph. Độ tin cậy: 0.85
- Tránh sử dụng các tệp gom (barrel files) trong những ứng dụng lớn vì chúng làm chậm thời gian biên dịch (build). Độ tin cậy: 0.70
- Chỉ sử dụng middleware cho việc chuyển hướng xác thực (auth redirects) và định tuyến ngôn ngữ/khu vực (locale routing), tuyệt đối không đặt logic nặng ở đây. Độ tin cậy: 0.80
- Kiểm thử các luồng quan trọng bằng Playwright và kiểm thử các component bằng vitest. Độ tin cậy: 0.80
- Triển khai trên Vercel kèm theo bản triển khai xem trước (preview deployments) cho mỗi pull request. Độ tin cậy: 0.75

Bình luận (0)

Kỹ năng liên quan

Chuyên Gia Tổ Chức và Điều Phối Tác Tử (Agent Organization Expert)

Kỹ năng

Kỹ năng điều phối đa tác tử (multi-agent orchestration) phục vụ việc xây dựng đội ngũ, phân rã tác vụ, tối ưu hóa quy trình làm việc và thiết lập chiến lược phối hợp nhằm đạt hiệu suất nhóm và mức sử dụng tài nguyên tối ưu.

İ@izzetemre
0

Phát triển Ứng dụng Web Toàn diện Kết hợp Tối ưu hóa Bảo mật và Hiệu năng

Kỹ năng

Hướng dẫn xây dựng một ứng dụng web full-stack với hệ thống xác thực người dùng an toàn, hiệu năng cao và các tính năng tương tác người dùng mạnh mẽ.

M@damimehdi20
0