✨ Mugenime 🌙

Modern Anime Streaming Platform

📖 Deskripsi

Download dan streaming anime subtitle Indonesia lengkap dalam format Mp4 dan MKV dengan berbagai resolusi (360p, 480p, 720p, dan 1080p) di platform gratis, tanpa iklan yang mengganggu, dan hemat kuota.

---

📸 Preview

---

🚀 Fitur Utama

• 📚 Katalog Lengkap: Akses ribuan anime, baik yang sedang tayang (Ongoing) maupun yang sudah tamat (Completed).
• 📥 Download Center: Unduh anime per episode atau langsung satu paket (Batch) dengan berbagai pilihan resolusi.
• 📅 Jadwal Rilis: Pantau anime favorit yang rilis setiap hari secara real-time.
• 🔍 Pencarian Cepat: Fitur pencarian instan dengan live suggestion.
• 🔖 Riwayat & Bookmark (Soon): Simpan progres tontonan dan anime favorit di perangkat lokal (Local Storage) tanpa perlu login.
• 🌗 Dark Mode (Soon): Tampilan yang nyaman di mata dengan opsi tema gelap/terang.
• 📱 Responsive Design: Tampilan optimal di Desktop, Tablet, dan Mobile.

---

🛠 Tech Stack

Project ini dibangun menggunakan ekosistem Next.js dan library modern untuk performa maksimal:

Core

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Runtime: React 19

Styling & UI

• Styling: Tailwind CSS v4
• Components: Shadcn UI (Radix UI based)
• Icons: Lucide React
• Animation: tailwindcss-animate

State & Data Management

• Server State: TanStack Query v5 (Fetching, caching, & sync)
• Local State: Zustand (History/Bookmark)

---

📂 Struktur Halaman (Sitemap)

Aplikasi ini memiliki struktur routing yang rapi menggunakan Next.js App Router:

Path	Deskripsi
/	Home Page (Hero, Ongoing, Completed, Announcement)
/anime/[slug]	Detail Anime (Info, Sinopsis, List Episode, Batch Download)
/watch/[slug]/[episodeSlug]	Streaming Room (Player, Server Switcher, Download Link)
/jadwal-anime	Jadwal Rilis (Kalender rilis harian)
/ongoing-anime	List Ongoing (Daftar anime yang sedang tayang)
/completed-anime	List Completed (Daftar anime yang sudah tamat)
/list-anime	A-Z Directory (Indeks anime berdasarkan abjad)
/genre-anime	Genre List (Daftar semua genre)
/genre-anime/[slug]	Genre Detail (Filter anime berdasarkan genre)
/search	Pencarian (Hasil pencarian kata kunci)
/guide/download	Panduan Download (Tutorial cara unduh)
/guide/streaming	Panduan Streaming (Troubleshooting player)
/dmca	Legal & DMCA (Disclaimer hak cipta)
/report	Lapor Masalah (Pusat laporan link rusak/error)

---

⚙ Instalasi & Menjalankan Project

Pastikan Anda sudah menginstal Node.js (v20+) dan pnpm.

1. Clone Repository

git clone https://github.com/Wakype/mugenime-web.git
cd mugenime-web

2. Install Dependencies

pnpm install

3. Setup Environment Variables

Buat file .env.local di root folder dan tambahkan konfigurasi berikut:

# Base URL
NEXT_PUBLIC_API_BASE_URL=YOUR_API_BASE_URL_HERE
NEXT_PUBLIC_BASE_URL=YOUR_WEBSITE_BASE_URL_HERE

# Giscus Configuration
NEXT_PUBLIC_GISCUS_REPO=YOUR_GISCUS_REPO_HERE
NEXT_PUBLIC_GISCUS_REPO_ID=YOUR_GISCUS_REPO_ID_HERE
NEXT_PUBLIC_GISCUS_CATEGORY=YOUR_GISCUS_CATEGORY_HERE
NEXT_PUBLIC_GISCUS_CATEGORY_ID=YOUR_GISCUS_CATEGORY_ID_HERE

4. Jalankan Development Server

pnpm dev

Buka http://localhost:3000 di browser Anda.

5. Build untuk Production

pnpm build
pnpm start

---

⚠ Catatan Penting (API Rate Limit)

Peringatan: Aplikasi ini menggunakan API pihak ketiga (Sanka Vollerei) yang memiliki batasan ketat.

• Rate Limit: ~70 request / menit.
• Strategi: Aplikasi ini telah dikonfigurasi menggunakan fitur caching bawaan Next.js (revalidate) dan TanStack Query untuk meminimalisir request ke server asli dan menghindari pemblokiran IP (IP Ban).
• Saran: Jangan melakukan spam refresh atau load testing berlebihan pada environment production.

---

🤝 Kredit & Sumber Data

• Data Anime: Diambil dari API publik Sanka Vollerei.

---

📄 Lisensi

Project ini dibuat untuk tujuan pembelajaran dan edukasi. Hak cipta konten anime (gambar, video, sinopsis) sepenuhnya milik pemegang hak cipta asli dan produsen anime terkait.

Made with ❤️ and 🧅 by Aing Gabut awokaokwok