Social commerce · PWA
VietnamID
vietnamid.vnSocial + commerce hybrid: user post kiếm điểm, mua bán trong shop riêng. XP/leaderboard, wishlist, cart, order tracking, seller dashboard. PWA iOS/Android - install homescreen, offline-first feed.
TTBởi Trần Công ThắngXuất bản
Lập trình
Kiến trúc & công nghệ áp dụng
Vue 3PiniaVue RouterPWAlucide-vue-nextTailwind v4
- 30+ route lazy-load, code splitting theo view - initial bundle < 80KB gz
- PWA install homescreen iOS/Android, manifest custom theme-color, offline-first cho feed cache
- Pinia store tách feed / cart / chat / leaderboard, hydrate từ localStorage có versioning để không vỡ schema khi deploy
- Subdomain admin + seller dashboard tách auth scope - không trộn với customer app
Thiết kế
UX/UI & design system
- Bottom-nav mobile 5 tab giống native, gesture swipe chuyển tab
- Avatar generated qua DiceBear API - không cần CDN cho user-generated avatar, không tốn storage
- Shop UI dày: card sản phẩm có wishlist quick-add, comparison side-by-side, rating sao tổng hợp
SEO
Tối ưu công cụ tìm kiếm
- Schema Person + Product + Offer cho profile và shop
- Open Graph riêng từng post - share Facebook hiển thị thumbnail bài viết user
- Sitemap tách: users / shops / posts / topics - index từng nhóm độc lập
Case study đang được biên soạn
Bài chi tiết về quá trình xây dựng dự án này - context kinh doanh, vấn đề kỹ thuật, lựa chọn công nghệ, kết quả đo được - sẽ được cập nhật sớm.
Dự án khác
Tất cả →MAXMIN
MAXMIN
Restream cloud cho seller livestream - 1 nguồn phát đồng thời Shopee, TikTok, Facebook. Không cần PC mạnh hay OBS.
OnThi365
OnThi365
Ôn thi THPT - khoá học video, ngân hàng đề, đấu trường real-time, livestream đa nền tảng.
Gần Đây
Gần Đây
Mạng tin tức tổng hợp đa khu vực - đăng 1 lần, phân phối tới 4 site khác nhau (ganday, hongbienduongpho, vn247, lammmo).