Atelier — Website thời trang tối giản

Atelier là cửa hàng theo hướng tiết chế, dành cho thương hiệu lấy hình ảnh làm điểm bán. Trang cửa hàng lọc sản phẩm không cần tải lại, và mười hai trang sản phẩm đều chừa không gian cho hình ảnh trong khi vẫn giữ thông tin size, chất liệu và cách bảo quản trong tầm mắt.

Đ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.
• Đổi nhận diện từ một tệp — Màu sắc, khoảng cách, bo góc và kiểu chữ đều là design token của Tailwind. Đổi bảng màu ở một nơi là cả website đổi theo.
• 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 thương hiệu quần áo, phụ kiện, cửa hàng concept và bất kỳ ai có danh mục đủ nhỏ để chọn lọc và đủ đẹp để trưng bày khổ lớn.

Công nghệ sử dụng

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · 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.