Thiệp Online — tự tay làm thiệp mời đẹp như designer, không cần biết thiết kế
Mỗi lần nhà có đám cưới, sinh nhật hay khai trương là lại đau đầu vụ thiệp mời. Đặt designer thì đắt, dùng Canva thì ai cũng giống ai, mà gửi file ảnh qua Zalo thì... quê. Thế là mình làm Thiệp Online: web app tạo thiệp mời online, mở link là xem được ngay trên điện thoại, đầy đủ hiệu ứng như thiệp cưới tiền triệu.
Link web:
https://thiep.hmt9x.dev
Có những loại thiệp nào
Hiện tại có 7 loại thiệp, mỗi loại có flow và widget riêng chứ không phải đổi mỗi cái tiêu đề:
- 💒 Thiệp cưới — đầy đủ nhất: phong bì mở thiệp, câu chuyện tình yêu (timeline), album ảnh, đếm ngược, RSVP, sổ lưu bút, QR mừng cưới
- 🎂 Thiệp sinh nhật — gọn nhẹ, tập trung vào không khí tiệc
- 👶 Thôi nôi / Đầy tháng — cho bé, tone màu pastel nhẹ nhàng
- 🎉 Thiệp khai trương — cho cửa hàng, công ty
- 🏠 Thiệp tân gia — mừng nhà mới
- 💍 Kỷ niệm ngày cưới — có timeline hành trình như thiệp cưới
- 🎓 Lễ tốt nghiệp — cho tân cử nhân
Đi kèm là 51 themes (giao diện) — 6 theme riêng cho mỗi loại thiệp, có cả theme tối. Mỗi thiệp demo mình setup widget khác nhau để anh em thấy rõ khả năng custom.
Tính năng nổi bật
Hiệu ứng "wow" ngay khi mở
- Phong bì mở thiệp: màn hình đầu là chiếc phong bì đóng kín, bấm vào nó mới mở ra thiệp bên trong — đúng cảm giác bóc thiệp giấy
- Cánh hoa rơi: hiệu ứng particles rơi nhẹ trên nền (hoa, tuyết, confetti tùy theme)
- Đếm ngược: đồng hồ đếm ngược tới giờ G, tự động chuyển trạng thái khi tới ngày
- Nhạc nền theo từng section: mỗi phần của thiệp có thể gắn một track nhạc riêng, có nhạc chung fallback. Kho nhạc 14 track royalty-free (Kevin MacLeod, CC-BY) chia theo mood từng loại thiệp, hoặc upload file mp3 của mình lên (tối đa 10MB)
Tương tác với khách mời
- RSVP: khách bấm xác nhận tham dự / không tham dự, chủ thiệp xem danh sách trong trang quản trị
- Sổ lưu bút: khách để lại lời chúc, chủ thiệp duyệt trước khi hiện công khai
- QR mừng cưới: tạo mã QR để khách quét mừng cưới online
- Link cá nhân hóa: mỗi khách có link riêng dạng
/i/ten-thiep/ten-khach, mở lên hiện tên khách trong lời chào — đi mời từng người mà vẫn sang - Thêm vào lịch: nút add Google Calendar / Apple Calendar một chạm
- Bản đồ: nhúng địa điểm tổ chức
- Chia sẻ: nút share Zalo, Facebook, copy link
Cho người làm thiệp
- Kéo-thả sắp xếp section: trong trang chỉnh sửa, kéo thả để đổi thứ tự các phần (album, timeline, RSVP...)
- Style từng widget: album ảnh có 4 kiểu hiển thị (lưới, slideshow, masonry, coverflow), timeline câu chuyện có 3 kiểu (timeline, cards, slideshow)
- Kiến trúc template mở: admin có thể thêm loại thiệp mới mà không cần đụng vào code — định nghĩa field schema, sections, hero mapping là xong
- Quota hợp lý: mỗi user được tạo 3 thiệp cho mỗi loại, đủ dùng mà không lo spam
Thiệp demo — bấm vào xem thử
Mỗi demo mình setup widget và hiệu ứng khác nhau cho đúng chất từng loại thiệp:
Mở bằng điện thoại để cảm nhận đúng nhất — web làm mobile-first.
Công nghệ
- Next.js 15 (App Router) + TypeScript + Tailwind CSS
- SQLite qua
node:sqlite — gọn nhẹ, backup chỉ cần copy 1 file - Đăng nhập: email/mật khẩu (scrypt) + SSO qua TSSO (nền tảng SSO nhà làm)
- Verify email, quên mật khẩu, chống spam (rate limit, honeypot, lockout)
- Deploy trên hạ tầng tự host
Nói thẳng điểm trừ
- Phần thiệp render phía client nên lần đầu mở hơi chớp một cái ("Đang tải thiệp...") trước khi hiện nội dung — đang tìm cách cải thiện
- Chưa có editor kéo-thả trực quan kiểu Canva, hiện tại custom qua form + chọn style từng widget
- Mới có 7 loại thiệp, chưa có thiệp thôi nôi riêng cho đầy tháng vs thôi nôi, thiệp cưới hỏi, tân gia nhà chung cư vs nhà đất...
- Kho nhạc 14 track dùng tạm ổn nhưng ai khó tính thì upload nhạc riêng
Ai nên dùng
Ai sắp có đám cưới, sinh nhật, khai trương, tân gia mà muốn thiệp mời online đẹp, có nhạc, có hiệu ứng, khách mở lên là "wow" — mà không muốn trả tiền designer hay vọc Canva nửa ngày. Đăng ký tài khoản, chọn loại thiệp, điền thông tin, chọn theme, gửi link — xong trong 15 phút.
Web miễn phí, không quảng cáo. Link dùng thử:
https://thiep.hmt9x.dev