🎬 WEB XEM PHIM FULL-STACK — NEXT.JS 15 + NODE.JS + MONGODB
Source code hoàn chỉnh, production-ready, đang chạy thực tế.
━━ CÔNG NGHỆ ━━
• Frontend: Next.js 15, TypeScript, Tailwind CSS
• Backend: Node.js, Express.js, MongoDB (Mongoose)
• Auth: JWT + Google OAuth + Firebase
• Thanh toán: SePay (VietQR) — hỗ trợ ngân hàng Việt
• Email: Resend API
• Push Notification: Web Push VAPID
• PWA: Service Worker, cài như app native
━━ TÍNH NĂNG NGƯỜI DÙNG ━━
✅ Xem phim đa server, chọn tập, tiếp tục từ vị trí đã xem
✅ Tìm kiếm nâng cao (hybrid: DB nội bộ + Ophim/KKPhim/NguonC)
✅ Lịch sử xem, danh sách yêu thích, xem sau
✅ Tạo danh sách phim cá nhân (public/private)
✅ Bình luận + đánh giá sao, reply lồng nhau
✅ Yêu cầu thêm phim, theo dõi trạng thái
✅ Push Notification trên trình duyệt
✅ Chat hỗ trợ real-time với admin
✅ Báo lỗi video, gửi phản hồi
✅ PWA — cài như app trên iPhone/Android
✅ Responsive hoàn hảo desktop/tablet/mobile
✅ Dark mode, SEO đầy đủ (sitemap, robots, OpenGraph)
✅ Hệ thống quảng cáo Adsterra (5 vị trí)
━━ TÍNH NĂNG ADMIN ━━
✅ Dashboard thống kê: doanh thu, user, lượt xem, biểu đồ
✅ Quản lý user (ban/unban, xem lịch sử thanh toán)
✅ Quản lý phim CRUD đầy đủ + quản lý tập/server
✅ Kiểm duyệt bình luận
✅ Quản lý đăng ký & lịch sử thanh toán
✅ Auto crawler phim từ (GitHub Actions, mỗi 30 phút)
✅ Gửi thông báo hàng loạt
✅ Quản lý yêu cầu phim, báo cáo lỗi, phản hồi
━━ QUY MÔ ━━
• 25+ trang frontend
• 50+ API endpoint
• 15 MongoDB collection
• 30+ thể loại phim
Kèm file SETUP_GUIDE.md hướng dẫn cài đặt chi tiết từng bước.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Yêu cầu: Node.js >= 20, MongoDB (local hoặc Atlas)
1. Giải nén source code
2. cd server → cp .env.example .env → điền thông tin → npm install → npm start
3. cd client → cp .env.example .env.local → điền thông tin → npm install → npm run build → npm start
4. Truy cập http://localhost:3000
Chi tiết đầy đủ xem file SETUP_GUIDE.md trong source.
Deploy khuyến nghị: Client → Vercel | Server → Railway
Nguồn: Topcode.vn
