cineprime/roadmap.md

Roadmap Pengembangan Notflix

Dokumen ini merangkum apa saja yang telah diselesaikan dan rencana pengembangan selanjutnya untuk proyek Notflix.

✅ Selesai Dikerjakan (Completed)

1. Refactoring & Pembersihan Kode (Backend/Logic)

• Penghapusan Anime API: Menghapus seluruh kode, interface, dan komponen yang berkaitan dengan sumber data Anime lama.
• Pembaruan lib/api.ts:
  • Penambahan endpoint getTrending (dengan pagination).
  • Penambahan endpoint getRank (Movies & TV).
  • Penambahan endpoint getRecommendations.
  • Penyesuaian struktur data Banner untuk slider.

2. Navigasi & UI Komponen

• Navbar:
  • Update link menu: Home, Trending, Rank.
  • Mobile Menu: Implementasi menu sidebar responsif (Hamburger menu) untuk tampilan mobile.
• Home Slider (HeroSlider):
  • Mengubah banner statis menjadi slider otomatis (carousel).
  • Auto-Enrichment: Otomatis melengkapi deskripsi banner jika kosong menggunakan API detail.
  • Menambahkan navigasi panah dan indikator dots.

3. Halaman & Fitur Baru

• Integrasi Dracin (Dramabox):
  • Fetching data Dracin API (Home, Search, Detail).
  • Menampilkan Dracin di Homepage dan Search.
  • Fix: Handling ID Dracin vs Movie yang akurat.
• Pencarian Tersegmentasi (Segmented Search):
  • Tab pemisah untuk pencarian Film dan Dracin.
  • Pagination independent untuk setiap kategori.
  • "Load More" button yang responsif.
• Halaman Trending (/trending):
  • Menampilkan Grid layout film trending.
  • Fitur Pagination (Previous / Next).
• Halaman Rank (/rank):
  • Menampilkan baris "Top Rated Movies" dan "Top Rated TV Shows".

4. Autentikasi & Profil Pengguna

• Login & Register:
  • Implementasi Supabase Auth.
  • Keamanan: Integrasi hCaptcha untuk mencegah bot.
• Halaman Profil (/profile):
  • Menampilkan informasi user.
  • Menu navigasi ke History & Bookmarks.
  • Bug Fix: Mengoptimalkan koneksi Supabase untuk mencegah Rate Limit.
• Riwayat Tontonan (History):
  • Halaman /history untuk melihat daftar tontonan.

5. Admin Dashboard

• Dashboard Utama:
  • Integrasi Layout Admin (Sidebar, Header).
  • Menampilkan Data Real: Total Users, Top Rated Movie.
• Manajemen Film & Users:
  • RBAC (Role Based Access Control).
  • Listing & Detail Film.

---

🚀 Rencana Selanjutnya (Upcoming/Planned)

Berikut adalah fitur-fitur yang bisa dikembangkan untuk tahap selanjutnya:

Fitur Pengguna (User Experience)

• Halaman Subscription: Tampilan detail paket berlangganan.
• Continue Watching (Player): Resume video dari durasi terakhir ditonton.
• Komentar & Rating: Fitur user memberikan rating/komentar pada film.
• Notifikasi: Memberitahu user jika ada episode baru dari series favorit.

Peningkatan UI/UX

• Skeleton Loading: Menambahkan animasi loading (skeleton) di semua halaman agar transisi lebih halus.
• Dark/Light Mode Toggle: (Opsional) jika ingin mendukung tema terang.

Teknis & Performance

• SEO Optimization: Dynamic Metadata (Title, Description, OpenGraph) untuk setiap halaman detail.
• Error Boundary UI: Tampilan "Opps, Something went wrong" yang ramah user jika API down.
• Image Optimization: Konversi ke format WebP otomatis.

---

Terakhir diperbarui: 31 Januari 2026