Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.cinepro.cc/llms.txt

Use this file to discover all available pages before exploring further.

CinePro Frontend is getting a major overhaul in the coming months (name changed to CinePro/ui). “Frontend” is the old codebase, which is still available in the repo but no longer actively developed. The new CinePro/ui will be built from the ground up with a focus on user experience and long-term maintainability. Stay tuned for updates!
CinePro Frontend is the official web interface for the CinePro ecosystem. Right now it serves as a developer testing tool — a simple video player and embed layer on top of CinePro Core that lets you browse movies and TV shows and watch them directly in the browser via HLS streams. The long-term goal is a full-featured streaming web app: user accounts, watch progress, continue-watching, and more.

​
What it does today

Browse movies & TV shows

Search and explore titles powered by TMDB metadata, fetched through CinePro Core.

Stream with ArtPlayer & Vidstack

Two embedded player integrations — ArtPlayer and Vidstack — handle HLS stream playback in the browser.

Provider & quality picker

Dropdown components let you switch between available providers and select your preferred stream source on the fly.

TV show episode navigation

An episodes overlay lets you browse and jump to any season or episode of a TV series.

​
What’s planned

These are aspirational goals for a future stable release — nothing below is implemented yet.
  • User accounts — sign up, log in, manage your profile
  • Watchlist — save titles to watch later
  • Watch progress — resume where you left off, across devices
  • Recommendations — discover new content based on what you’ve watched
  • Responsive design — a polished experience on phones, tablets, and desktops

​
Tech stack

React + Vite

Built with React and bundled with Vite for fast development and build times.

ArtPlayer & Vidstack

Two video player integrations for flexible HLS stream playback.

CinePro Core

All media data and stream sources come from a running CinePro Core instance via VITE_API_URL.

​
Relationship to CinePro Core

CinePro Frontend is not a standalone app — it requires a running CinePro Core instance to function. The frontend reads VITE_API_URL from its environment and makes all requests to Core for stream sources.

Set up CinePro Core first

Before running the frontend, make sure you have CinePro Core up and running.