Nguyệt Cẩm — Website tiệm bánh trung thu

Nguyệt Cẩm được dựng cho một việc kinh doanh chỉ có khoảng mười một tuần để bán hết lượng bánh của cả năm. Không có giỏ hàng: mọi trang sản phẩm kết thúc bằng một tin Zalo hoặc một cuộc gọi, vì đó mới là cách một đơn bánh trung thu được chốt thật — số lượng, ngày nhận, lời nhắn trên thiệp. Mười lăm trang sản phẩm gánh phần chính, mỗi trang được nhận diện bằng hoa văn khuôn riêng vẽ bằng SVG thay cho ảnh chụp, nên toàn site không cần một tấm bitmap nào.

Điểm khác biệt

• Trang danh mục và trang chi tiết — Trang danh sách có bộ lọc kèm trang chi tiết cho từng mặt hàng, đều được sinh tĩnh nên mỗi sản phẩm có URL riêng để Google lập chỉ mục.
• Biểu mẫu liên hệ và đặt lịch — Biểu mẫu có kiểm tra dữ liệu và thông báo lỗi rõ ràng, sẵn sàng trỏ tới Formspree, Google Forms, webhook hoặc endpoint của bạn.
• Nội dung nằm trong tệp dữ liệu — Sản phẩm, dịch vụ, giá và nội dung nằm trong các tệp dữ liệu có kiểu rõ ràng, nên sửa danh mục chỉ cần sửa một tệp, không phải đi tìm khắp các component.
• Nhanh trên đường truyền thật — Ảnh được đặt đúng kích thước và tải trễ, font tự host, dung lượng JavaScript giữ ở mức nhỏ, nên Core Web Vitals đạt chuẩn ngay trên điện thoại tầm trung.
• SEO đã được triển khai — Metadata cho từng trang, URL canonical, sitemap XML, quy tắc robots, dữ liệu có cấu trúc JSON-LD và ảnh Open Graph đều đã nối sẵn trước khi bạn viết dòng code nào.
• Xuất tĩnh, host ở đâu cũng chạy — Bản build ra HTML, CSS và JavaScript thuần. Đưa lên hosting thường, VPS, Vercel, Netlify hay S3 đều được — không cần giữ tiến trình Node và không tốn phí hàng tháng.

Phù hợp với ai

Các nhà bánh gia đình và cơ sở làm bánh trung thu đang nhận đơn qua Zalo và Facebook, và đang mất các đơn quà tặng doanh nghiệp vì không có chỗ nào để gửi cho một công ty muốn sáu mươi hộp in logo.

Công nghệ sử dụng

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4

Trong tệp tải về

• Toàn bộ mã nguồn Next.js (TypeScript)
• Bản xuất tĩnh, chạy được trên mọi web server
• Design token Tailwind CSS
• Toàn bộ nội dung và hình ảnh của bản demo
• Tài liệu cài đặt và triển khai dạng văn bản

Cập nhật và hỗ trợ

Nâng cấp framework và sửa lỗi miễn phí chừng nào sản phẩm này còn tồn tại. Mỗi lần mua đều kèm 6 tháng hỗ trợ, và có thể gia hạn bất cứ lúc nào.