🎬 SanuFlix - Open Source Streaming Platform

🌐 Live Demo

---

Warning

Legal Disclaimer: This application does not host, store, or distribute any movies, TV shows, or copyrighted content. All video content is provided by third-party embed servers that are configured by the user. The developer is not responsible for any content accessed through this application. Use at your own risk and ensure compliance with your local laws. pls contact me here if any issues https://t.me/sunglasszoro

---

🚀 Quick Start

1. Clone & Install

git clone https://github.com/Sanuu7/SanuFlix-opensource
cd sanuflix-opensource
npm install

2. Configure Environment

cp .env.example .env

Edit .env:

# Required: Get free at https://themoviedb.org/settings/api
VITE_TMDB_API_KEY=your_tmdb_api_key_here

# Optional
VITE_SPORTS_API_URL=
VITE_APP_NAME=SanuFlix
VITE_LOGO_URL=

3. Configure Streaming Servers

Edit src/config/servers.ts with your embed server URLs:

export const STREAMING_SERVERS: StreamingServer[] = [
  {
    id: 'server1',
    name: 'Server 1',
    description: 'Primary streaming server',
    isActive: true,
    movieUrlTemplate: 'https://your-embed.example/movie/{tmdbId}',
    tvUrlTemplate: 'https://your-embed.example/tv/{tmdbId}/{season}/{episode}',
  },
]

4. Run Locally

npm run dev

---

☁️ Deploy to Cloudflare Pages

Option 1: Direct GitHub Integration (Recommended)

1. Push your configured repo to GitHub
2. Go to Cloudflare Pages Dashboard
3. Click Create a project → Connect to Git
4. Select your repository
5. Configure build settings:
   • Framework preset: Vite
   • Build command: npm run build
   • Build output directory: dist
6. Add environment variables:
   • VITE_TMDB_API_KEY = your TMDB key
7. Click Save and Deploy

Option 2: Wrangler CLI

# Install Wrangler
npm install -g wrangler

# Login to Cloudflare
wrangler login

# Build the project
npm run build

# Deploy
wrangler pages deploy dist --project-name=sanuflix

---

✨ Features

• 🎨 Modern UI with Tailwind CSS
• 📱 PWA - Installable on any device
• 🎭 Multiple color themes
• 🔍 Search movies & TV shows
• 📺 Multi-server support
• ⚡ Fast with Vite + React

🛠 Tech Stack

React 18 • TypeScript • Vite • Tailwind CSS • Framer Motion

📁 Key Configuration Files

File	Purpose
.env	API keys
src/config/servers.ts	Embed server URLs
src/config/themes.ts	Color themes

📋 Scripts

npm run dev      # Development
npm run build    # Production build
npm run preview  # Preview build
npm run lint     # Lint code

---

📸 Screenshots

Click to view screenshots

Watch Details Page

Watch Page

Genre Browser

Sports Section

💡 Check out the Live Instance for a better experience!

---

⚖️ License

This project is licensed under the MIT License.

---

Made with ❤️ by Sanuu