Giáo dục · Live stream
OnThi365
onthi365.comHọc trực tuyến: khoá học HD, ngân hàng đề chấm tự động, đấu trường PvP real-time với XP/streak, livestream HLS (YouTube + Facebook + native), mobile app Capacitor (iOS + Android).
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
Next.js 16PostgreSQLExpressCapacitor (iOS/Android)HLS / FFmpegRedis
- Live restream multi-platform: 1 nguồn → 3 đích đồng thời (YouTube + FB + native)
- Đấu trường real-time qua WebSocket - match ngẫu nhiên, ELO, anti-cheat cơ bản
- PM2 cluster cho admin API, fork riêng cho live restream service (rolling deploy không gián đoạn)
- Static export Next.js + ISR cho trang bài viết, ngày deploy <60s
Chỉ số đo được
2,400
Concurrent users (peak)
99.94%
Uptime 90 ngày
180ms
API P95
Thiết kế
UX/UI & design system
- Design system tự xây với token Tailwind v4 (không dùng UI kit bên ngoài)
- Dark mode có session persist - phục vụ học buổi tối
- Mobile-first: arena PvP tối ưu cho điện thoại, một tay cầm chơi được
- Animation đếm ngược kỳ thi mượt, không jitter, dùng `requestAnimationFrame`
SEO
Tối ưu công cụ tìm kiếm
- Schema.org: Course + ExamAlbum + LiveBroadcastEvent đầy đủ
- Sitemap.xml tự sinh tách theo loại nội dung (course, exam, post, channel)
- Open Graph + Twitter Card + Vietnamese-specific meta (locale vi_VN)
- Internal linking dày từ trang chủ → khoá → bài → đề liên quan
Chỉ số đo được
94
PageSpeed Insights mobile
0.02
CLS
1.4s
LCP
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.
VietnamID
VietnamID
Mạng xã hội thương mại - feed, shop seller, đơn hàng, chat realtime. PWA cài được từ homescreen.
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).