Live TV Streaming

Free live-TV streaming & TV guide

01The Challenge

Free IPTV is a crowded, low-trust space full of broken streams and ad-choked players. The opportunity was a fast, clean, genuinely free experience that people could actually find, which meant winning on search, not on ad budget.

02The Solution

I designed, built, and shipped the entire product end to end. The Next.js app plays live channels directly in the browser with hls.js and mpegts.js, streams never route through my servers, so there is no bandwidth cost or video path to scale. Supabase handles auth, playlists, and crowd-sourced channel health, and a library of programmatic SEO guide pages compounded into thousands of monthly users with zero paid acquisition.

03Features

Streams play client-side with hls.js and a lazy-loaded mpegts.js, no video ever routes through my servers.

04System Architecture

Source

Channels + M3U

App

Next.js App

Client

In-browser player

Direct

IPTV Origins

Store

Supabase

Source

Channels + M3U

App

Next.js App

Client

In-browser player

Direct

IPTV Origins

Store

Supabase

05Technology Stack

Next.js 16 (App Router) · React 19 · Tailwind v4 · Framer Motion · Zustand

06Key Learnings

01Keeping playback fully client-side meant streams never touch my infrastructure, no bandwidth costs and nothing to scale on the video path.
02Programmatic, intent-matched guide pages compounded into the bulk of organic traffic, content was the growth engine, not ads.
03FlexSearch on the client made discovery across huge imported playlists feel instant without standing up a search backend.
04Crowd-sourced health checks kept the channel grid trustworthy as upstream streams came and went.

Visit live site ↗

Imported playlist, grouped by country with live status

Organize: move channels between categories

Home, with a featured live channel

Live TV Streaming

Free live-TV streaming & TV guide

01The Challenge

02The Solution

03Features

Streams play client-side with hls.js and a lazy-loaded mpegts.js, no video ever routes through my servers.

04System Architecture

Source

Channels + M3U

App

Next.js App

Client

In-browser player

Direct

IPTV Origins

Store

Supabase

Source

Channels + M3U

App

Next.js App

Client

In-browser player

Direct

IPTV Origins

Store

Supabase

05Technology Stack

Next.js 16 (App Router) · React 19 · Tailwind v4 · Framer Motion · Zustand

06Key Learnings

01Keeping playback fully client-side meant streams never touch my infrastructure, no bandwidth costs and nothing to scale on the video path.
02Programmatic, intent-matched guide pages compounded into the bulk of organic traffic, content was the growth engine, not ads.
03FlexSearch on the client made discovery across huge imported playlists feel instant without standing up a search backend.
04Crowd-sourced health checks kept the channel grid trustworthy as upstream streams came and went.

Visit live site ↗

Home, with a featured live channel