Case Study Fullstack

ForgeFlix: Subscription Video Streaming Platform

Platform agregator dan streaming video berlangganan dengan rekomendasi ML real-time, multi-server player fallback, dan dual payment gateway.

Source Code
60 views
TypeScriptFastAPITailwind CSSPrisma ORMPostgreSQLRedisDockerNext.jsNestJSPythonStripe
ForgeFlix: Subscription Video Streaming Platform thumbnail

ForgeFlix adalah platform agregator media (film dan serial TV) serta layanan streaming video berlangganan tingkat enterprise yang mengombinasikan antarmuka pengguna sinematik dengan arsitektur microservices terdistribusi. Platform ini dirancang untuk memberikan pengalaman menonton video berkinerja tinggi, responsif, dan kaya fitur.

Fitur Utama Sistem:

  • Antarmuka Sinematik & Navigasi Katalog: Tampilan Dark Mode dengan Hero Banner Carousel, daftar Trending Hari Ini/Minggu Ini, Original Networks (Netflix, HBO, Disney+, Apple TV+), Koleksi Waralaba (Marvel, DC, Star Wars, Ghibli), serta pembaruan Episode Terbaru.
  • Engine Rekomendasi ML Real-Time: Ditenagai microservice Python (FastAPI) menggunakan algoritma Content-Based Filtering (TF-IDF Vectorizer dan Cosine Similarity) untuk menyajikan rekomendasi film yang dipersonalisasi.
  • Multi-Server Video Engine: Pemutaran video sinematik dengan 4 opsi server fallback (VidSrc Pro, VidSrc IC, SuperEmbed, EmbedSu) untuk memastikan ketersediaan layanan tanpa tautan terputus.
  • Kontrol Pemutar Interaktif: Mode Matikan Lampu (overlay pencahayaan 92%), Navigasi Episode Cepat (Next/Prev Episode), Modal Pelaporan Error Video, serta pemutaran trailer gratis via YouTube Iframe API.
  • Sistem Berlangganan VIP Pass: Integrasi dual payment gateway (Stripe Sandbox dan Duitku) dengan konfirmasi webhook otomatis untuk membuka akses penuh film dan serial bagi anggota VIP.
  • Interaksi Sosial & Komunitas: Fitur komentar bersarang (nested replies), penyimpanan Daftar Tonton pribadi, serta formulir pengajuan Permintaan Konten baru.
The Problem

Situs agregator film publik sering kali dipenuhi iklan intrusif, pemutar video yang rentan terputus (broken links), serta ketiadaan sistem rekomendasi konten yang cerdas. Di sisi lain, mengelola platform streaming berlangganan memerlukan kontrol akses role pengguna yang ketat, manajemen episode yang terstruktur, dan optimasi latensi metadata dari API eksternal.

The Solution

Membangun ForgeFlix dengan arsitektur microservices terpisah: Next.js 15 (App Router) di frontend untuk SSR/ISR super cepat, NestJS di backend untuk manajemen bisnis, otentikasi JWT HttpOnly, dan integrasi payment gateway, serta FastAPI (Python) untuk engine rekomendasi machine learning. Latensi data dikurangi menggunakan lapisan caching Upstash Redis (TTL 1 jam) untuk respons TMDB API, serta menyediakan 4 server pemutar video otomatis dengan kontrol pencahayaan layar.

Architecture

Backend dibangun menggunakan NestJS berbasis TypeScript dengan Prisma ORM dan PostgreSQL 16. Lapisan Redis digunakan untuk caching respons TMDB API guna menekan latensi dan menghemat kuota request API eksternal. Microservice rekomendasi machine learning dijalankan pada FastAPI Python 3.11 dengan Scikit-Learn. Frontend dibangun menggunakan Next.js 15 App Router, Tailwind CSS, Lucide React, dan Zustand untuk manajemen state. Pembayaran dikelola secara otomatis melalui webhook Stripe dan Duitku.

Gallery
ForgeFlix: Subscription Video Streaming Platform screenshot 1
ForgeFlix: Subscription Video Streaming Platform screenshot 2
ForgeFlix: Subscription Video Streaming Platform screenshot 3
ForgeFlix: Subscription Video Streaming Platform screenshot 4
ForgeFlix: Subscription Video Streaming Platform screenshot 5
ForgeFlix: Subscription Video Streaming Platform screenshot 6
ForgeFlix: Subscription Video Streaming Platform screenshot 7
ForgeFlix: Subscription Video Streaming Platform screenshot 8
ForgeFlix: Subscription Video Streaming Platform screenshot 9
ForgeFlix: Subscription Video Streaming Platform screenshot 10
ForgeFlix: Subscription Video Streaming Platform screenshot 11
ForgeFlix: Subscription Video Streaming Platform screenshot 12
ForgeFlix: Subscription Video Streaming Platform screenshot 13
ForgeFlix: Subscription Video Streaming Platform screenshot 14
ForgeFlix: Subscription Video Streaming Platform screenshot 15