Lumen — Cửa hàng trực tuyến

Lumen render trang danh mục và trang sản phẩm dưới dạng tĩnh để tải tức thì và được index gọn gàng, trong khi giỏ hàng và thanh toán vẫn hoàn toàn động. Dữ liệu có cấu trúc Product, breadcrumb và ảnh OG được tạo cho từng mã sản phẩm.

Điểm khác biệt

• Giỏ hàng và thanh toán — Giỏ hàng được lưu lại, chọn biến thể, mã giảm giá, hiển thị thuế và luồng thanh toán ba bước không mất dữ liệu khi tải lại.
• Tìm kiếm nhiều tiêu chí — Bộ lọc điều khiển bằng URL, có thể chia sẻ, thân thiện với nút quay lại và render trên server để bot tìm kiếm đọc được kết quả.
• SEO đã được triển khai — Metadata cho từng route, URL canonical, sitemap XML, quy tắc robots, dữ liệu có cấu trúc JSON-LD và ảnh Open Graph động.
• Server component làm mặc định — Việc lấy dữ liệu diễn ra trên server, nhờ đó trang gần như không gửi JavaScript và vẫn nhanh trên điện thoại tầm trung.
• Hiệu ứng tôn trọng người dùng — Hiệu ứng xuất hiện theo cuộn trang và chuyển trang dựng bằng Motion, tự động tắt khi người dùng bật giảm hiệu ứng.
• Thiết kế cho mọi breakpoint — Không chỉ co giãn tự động — mobile, tablet và desktop đều có bố cục được thiết kế riêng có chủ đích.

Phù hợp với ai

Các cửa hàng phụ thuộc vào lưu lượng tự nhiên và tốc độ tải trang — thời trang, thiết bị, thương hiệu bán trực tiếp.

Công nghệ sử dụng

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Stripe · Prisma · Algolia

Trong tệp tải về

• Toàn bộ mã nguồn Next.js (TypeScript)
• Tệp thiết kế Figma
• Design token Tailwind CSS
• Tài liệu hướng dẫn dạng văn bản
• Cấu hình triển khai một cú nhấp

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. Bản quyền Thường kèm 6 tháng hỗ trợ, bản Mở rộng kèm 12 tháng, và có thể gia hạn bất cứ lúc nào.