Dùng Claude Code tạo web quản lý sản phẩm cho shop nhỏ: bắt đầu từ bản thử nghiệm
Một shop nhỏ thường cần trả lời vài câu đơn giản: còn bao nhiêu hàng, giá nào đang áp dụng và sản phẩm nào cần bổ sung? Một trang quản lý vừa đủ có thể giúp tập trung những thông tin đó. Bắt đầu bằng bản thử nghiệm nhỏ, rồi kiểm chứng luồng dữ liệu trước khi dùng cho kinh doanh.
Theo tài liệu chính thức, Claude Code có thể đọc mã nguồn, sửa tệp và chạy lệnh qua các môi trường hỗ trợ. Cách truy cập và tài khoản phụ thuộc nền tảng bạn chọn; đừng mặc định đây là công cụ miễn phí không giới hạn.
🧾 1. Chốt những dữ liệu cửa hàng thật sự cần
Đề xuất bản đầu có sku, name, category, price_vnd, stock và updated_at. Chọn SKU duy nhất cho mỗi biến thể; nếu một áo có nhiều màu và cỡ, đừng gộp tất cả vào một số tồn kho mà không có quy tắc rõ.
Quy định giá và số lượng hợp lệ, trường bắt buộc và cách xử lý ngừng bán. Nếu chỉ cần quản lý danh mục, chưa cần thêm đơn hàng, thanh toán hoặc kế toán ngay từ đầu.
Dùng dữ liệu mẫu cho bản đầu. Một bộ tốt có tên tiếng Việt có dấu, sản phẩm hết hàng, tên dài và một vài trường hợp nhập sai để kiểm tra thông báo lỗi.
🛠️ 2. Giao một phạm vi có thể kiểm tra
Mở dự án trong môi trường Claude Code bạn đã thiết lập theo tài liệu chính thức. Nếu có code sẵn, yêu cầu đọc cấu trúc và dùng công nghệ hiện có trước khi đề xuất thay đổi lớn.
Tạo bản thử nghiệm web quản lý sản phẩm cho một shop nhỏ. Phạm vi: một người dùng, dữ liệu mẫu, chạy cục bộ. Đọc dự án hiện có trước; nếu trống, đề xuất cấu trúc tối giản. Chức năng: - Danh sách SKU, tên, danh mục, giá VND, tồn kho, ngày cập nhật. - Thêm, sửa, tìm kiếm, sắp xếp số đúng kiểu dữ liệu. - Không cho SKU trùng, giá âm, số lượng âm hoặc số lượng lẻ. - Ngừng bán/khôi phục thay vì xóa ngay dữ liệu. - Xuất và nhập bản sao có kiểm tra schema, xem trước khi ghi đè. - Giao diện dùng được trên điện thoại, có nhãn trường và trạng thái rỗng. Giai đoạn này không tích hợp thanh toán hay dữ liệu khách hàng. Trước khi viết, nêu cách lưu dữ liệu và giới hạn của bản thử nghiệm. Sau khi làm, chạy các kiểm tra cần thiết và báo phần chưa xác minh.
Mô tả hành vi quan trọng hơn liệt kê công nghệ. “Không trùng SKU” là yêu cầu có thể thử; “giao diện hiện đại” chưa đủ để biết hệ thống đúng hay sai.
💾 3. Hiểu đúng việc lưu trong trình duyệt
Theo MDN, localStorage lưu dữ liệu theo origin và có thể tồn tại qua các phiên trình duyệt; dữ liệu trong phiên riêng tư bị xóa khi đóng tab riêng tư cuối cùng. Nó không phải cơ chế đồng bộ giữa nhiều máy hoặc bản sao lưu độc lập.
Với một bản demo, lưu cục bộ có thể giúp thử nhanh. Nhưng refresh còn dữ liệu không chứng minh dữ liệu được bảo vệ lâu dài. Hãy có chức năng xuất bản sao và thử nhập lại. Nếu cửa hàng cần nhiều nhân viên cùng cập nhật, phải thiết kế lưu trữ phía máy chủ, đăng nhập và phân quyền phù hợp.
🧪 4. Kiểm tra các trường hợp dễ sai
Kiểm tra bản thử nghiệm bằng các tình huống: 1. Tạo SKU mới, sửa giá, tải lại trang và đọc lại dữ liệu. 2. Tạo SKU trùng; hệ thống phải báo lỗi và giữ dữ liệu cũ. 3. Nhập giá âm, tồn kho lẻ, tên trống; không được lưu sai. 4. Tìm tên có dấu và sắp xếp giá 9000, 20000, 100000 đúng thứ tự số. 5. Ngừng bán rồi khôi phục một sản phẩm. 6. Xuất bản sao, nhập vào môi trường thử riêng và đối chiếu. 7. Nhập file sai cấu trúc; báo lỗi, không ghi đè danh mục. Ghi rõ kết quả đã chạy và lỗi còn lại, không chỉ mô tả kế hoạch.
Thêm một vài thử nghiệm trên điện thoại: bàn phím có che nút Lưu không, tên dài có làm vỡ bố cục không và trạng thái lỗi có giải thích cách sửa không?
📤 Gọi đúng định dạng xuất
Nếu xuất CSV, hãy ghi là CSV. Một file CSV mở được trong Excel không có nghĩa là đã tạo workbook .xlsx với nhiều sheet và định dạng. Dùng yêu cầu đúng với nhu cầu: danh sách đơn giản, báo cáo định dạng hay bản sao phục hồi.
🚀 5. Chuẩn bị trước khi dùng thật
Chốt ai được sửa giá, ai được điều chỉnh tồn và ai duyệt nhập file. Nếu nhiều người sửa cùng lúc, cần xử lý xung đột và lịch sử thay đổi. Kiểm tra sao lưu lẫn phục hồi, không chỉ việc tải được một file.
Đưa bản demo lên hosting không tự bổ sung các chức năng đó. Hãy nhờ người có kinh nghiệm kiểm tra phần lưu trữ, xác thực và triển khai trước khi phụ thuộc vào ứng dụng cho hoạt động hằng ngày.
📚 6. Bàn giao để shop tự vận hành
Lưu hướng dẫn khởi chạy, cấu hình, cách sao lưu và các giới hạn còn lại. Viết một hướng dẫn ngắn cho nhân viên theo quy trình tài liệu khách hàng. Một video thao tác bằng CYAN CAM, đang ở beta, có thể minh họa luồng nhập và sửa sản phẩm.
Một ứng dụng nhỏ đáng dùng khi dữ liệu đúng, thao tác rõ và có thể phục hồi khi sai. Claude Code giúp bạn xây nhanh hơn; bộ kiểm tra thực tế giúp biết bản nào đã sẵn sàng.