Hoa Mộc — Website tiệm bánh ngọt

Hoa Mộc là website tiệm bánh được tổ chức đúng theo cách người ta thật sự chọn bánh: xem theo dịp, ngắm kỹ một chiếc, xem giá bao nhiêu và bao giờ có, rồi đặt. Một chiếc bánh 3D xoay được gánh phần trang chủ, và mười lăm sản phẩm đều có trang riêng kèm nguyên liệu, kích cỡ và thời gian đặt trước.

Điểm khác biệt

• Trình xem sản phẩm 3D — Mô hình Three.js kéo xoay được ở khu vực hero cho khách xem sản phẩm từ mọi góc, kèm ảnh tĩnh thay thế trên máy yếu.
• 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.
• 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 tiệm bánh, xưởng bánh, quán cà phê và cửa hàng tráng miệng đang nhận đơn qua điện thoại và Facebook, muốn thực đơn và bảng giá nói trước phần giới thiệu thay mình.

Công nghệ sử dụng

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Three.js · React Three Fiber · Motion

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.