Phát triển WebĐã hoàn thành
Studio In Tự Thiết Kế (Print-on-Demand)
Self-Design Print Studio (Print-on-Demand)
Nền tảng print-on-demand: khách kéo-thả thiết kế trên web (áo, túi, mug, sticker, poster, decal) → đặt in trực tiếp, ship tận nơi.
Next.jsKonva.jsThree.jsTypeScriptPrismaPostgreSQLStripeGHN APICloudflare R2
Bài toán
Khách hàng cá nhân + shop nhỏ muốn in 1-50 sản phẩm tuỳ biến (áo team, mug quà, sticker brand, poster sự kiện) nhưng các xưởng in truyền thống yêu cầu file PSD/AI thiết kế sẵn, MOQ cao và quy trình rườm rà. Cần web canvas trực quan để khách tự thiết kế + đặt in luôn.
Kiến trúc
Next.js 15 + Konva canvas (drag-drop) → text/shape/upload layer + template library → preview 3D mockup theo product type → backend Node + Postgres → tách lệnh in (PNG 300dpi + cut path SVG) → gửi xưởng in qua API hoặc print queue dashboard → ship qua GHN/GHTK API. Tích hợp VietQR + Stripe checkout.
Stack & lý do
- Konva.js: canvas 2D performant, hỗ trợ layer/transform/snap-grid sẵn.
- 3D mockup dùng Three.js + texture map: khách thấy thiết kế trên áo/mug thật trước khi in.
- Template library (200+ template miễn phí): khách không có skill design vẫn order được.
- GHN/GHTK API thay vì xưởng in tự ship: tracking real-time cho khách.
Kết quả
| Metric | Số liệu |
|---|---|
| Đơn hàng / tháng | 2.800+ |
| AOV (giá trị TB/đơn) | 285.000đ |
| Time-to-design TB | 6 phút (khách dùng template) |
| Sai lệch in ấn | <1.2% (cut path SVG chuẩn xác) |