Vibe Coding: Xây dựng Web quản lý cửa hàng End to End bằng Cloudflare

Phân tích nghiệp vụ cửa hàng và thiết kế kiến trúc

Chốt luồng sản phẩm, nhập hàng, bán hàng, tồn kho và quyền truy cập.

Khởi tạo Next.js, TypeScript và quy trình Git

Chạy được giao diện đầu tiên và lưu phiên bản bằng Git.

Thiết kế dashboard quản lý cửa hàng responsive

Có bố cục dùng được trên điện thoại và máy tính.

Thiết kế database D1 và migrations

Có bảng sản phẩm, danh mục, đơn hàng và chi tiết đơn.

Viết REST API với Cloudflare Workers

Đọc và ghi dữ liệu qua API có validation và xử lý lỗi.

Quản lý sản phẩm, tìm kiếm và ảnh với R2

Thêm, sửa, tìm sản phẩm và tải ảnh qua API được cấp quyền.

Đăng nhập, phiên làm việc và phân quyền

API kiểm tra quyền chủ cửa hàng và nhân viên.

Giỏ hàng, tạo đơn và chống tạo đơn trùng

Tổng tiền được tính tại API, đơn hàng có trạng thái rõ ràng.

Nhập hàng, xuất hàng và kiểm soát tồn kho

Ghi lịch sử biến động kho và kiểm tra bán vượt tồn.

Khách hàng, báo cáo doanh thu và xuất dữ liệu

Xem báo cáo từ đơn hoàn tất với bộ lọc ngày và múi giờ.

SEO cho trang công khai: metadata, sitemap và nội dung

Trang sản phẩm và danh mục có URL, canonical và nội dung HTML phù hợp.

Kiểm thử luồng bán hàng và bảo mật API

Kiểm tra quyền, đơn trùng, tồn kho và lỗi mạng.

Deploy Cloudflare, tên miền và CI/CD

Tách môi trường thử nghiệm và thật, cấu hình secret và CORS.

Theo dõi lỗi, sao lưu và bàn giao cửa hàng

Có checklist vận hành, phục hồi dữ liệu và kiểm soát chi phí.