- Multi-Source Streaming (20+ providers: Hollywood, Bollywood, Anime, etc.)
- Search & Discovery with genre/year/quality filters
- Profiles & Watchlist (Clerk auth, avatars, local storage)
- Responsive Dark UI with hero carousel + infinite scroll
- Security: sandbox protection, popup/ad blocking, adult content filtering
# Clone & install
git clone https://github.com/mdtahseen7/miko-nextjs.git
cd miko-nextjs
npm install
# Env setup
cp .env.example .env.local
# Database
npx prisma generate
npx prisma db push
# Run dev server
npm run devVisit http://localhost:3000
.env.local example:
DATABASE_URL="postgresql://user:pass@host:5432/db"
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="pk_test_..."
CLERK_SECRET_KEY="sk_test_..."
CLERK_WEBHOOK_SECRET="whsec_..."| Page | Features |
|---|---|
| Home | Hero carousel, content sections, search |
| Watch | Multi-source player, episodes |
| Settings | User preferences |
- Frontend: Next.js 15 (App Router), TypeScript, TailwindCSS, React 18
- Backend: Prisma ORM, PostgreSQL, Clerk (auth), Svix (webhooks)
- External APIs: TMDB for metadata, 20+ streaming sources
- Push repo to GitHub
- Connect to Vercel
- Add env vars + PostgreSQL (Supabase/Vercel Postgres)
- Deploy 🎉
miko-nextjs/
├── app/ # App Router pages & APIs
├── components/ # Reusable React components
├── lib/ # Utilities & configs
├── prisma/ # DB schema & migrations
├── public/ # Static assets
└── types/ # TS types
Miko does not host any video content. It aggregates third-party sources and is intended for educational use only. Users are responsible for compliance with local laws.
This project is licensed under the GNU General Public License v3.0 (GPL-3.0) — see the LICENSE file for details.
Made with ❤️ by MD Tahseen