SaunaHacker je vzdělávací platforma postavená na výukových videích, osobních studijních postupech, předplatném, AI automatizaci a škálovatelné video infrastruktuře.

Projekt vyžadoval mnohem víc než běžný obsahový web nebo knihovnu videí.

Potřeboval kompletní základ digitálního produktu, který zvládne uživatelské účty, placené předplatné, osobní poznámky, videa nahraná uživateli, výukový obsah nahrávaný administrátory, kategorie videí, správu titulků, automatické vytváření kapitol, ruční úpravu kapitol, rodinné tarify, dárková předplatná, lokalizované měny i adaptivní přehrávání videí.

Moje role zahrnovala full-stack vývoj, produktovou architekturu, frontend a backend, databázovou strukturu, předplatné přes Stripe, video infrastrukturu Mux, AI integrace, práci s titulky, generování kapitol, administraci i celkový technický základ platformy.

Projekt spojil technickou realizaci, produktové myšlení, AI, platební logiku, video infrastrukturu a škálovatelnou SaaS architekturu.

SaunaHacker case study cover image.

Výzva

SaunaHacker neměl být jen web s videi.

Šlo o vzdělávací platformu, která musí podporovat jak strukturovaný výukový obsah, tak vlastní studijní postupy jednotlivých uživatelů.

Uživatelé potřebovali sledovat lekce, dělat si poznámky, nahrávat vlastní videa, přistupovat k placenému obsahu, spravovat předplatné a používat platformu jako součást vlastního vzdělávání.

Administrátoři zároveň potřebovali nástroje pro nahrávání a správu výukových videí, řazení obsahu do kategorií, úpravu titulků, ruční přidávání titulků, nahrávání souborů s titulky, automatické generování kapitol i jejich ruční doplnění.

Bylo potřeba:

  • vytvořit vzdělávací platformu založenou na předplatném
  • navrhnout škálovatelnou produktovou architekturu
  • umožnit uživatelům psát si vlastní poznámky
  • umožnit nahrávání osobních videí
  • umožnit administrátorům nahrávat a spravovat videa platformy
  • řadit videa do kategorií
  • integrovat adaptivní přehrávání videa
  • automaticky přizpůsobovat kvalitu videa
  • automaticky generovat kapitoly
  • umožnit ruční vkládání kapitol
  • podporovat úpravu titulků
  • umožnit ruční přidávání titulků
  • umožnit nahrávání souborů s titulky
  • překládat titulky do sedmi jazyků
  • integrovat AI funkce
  • vytvořit bezpečnou platební a předplatitelskou logiku
  • podporovat rodinné tarify
  • podporovat dárková předplatná
  • vytvořit systém lokalizovaných měn
  • vytvořit administraci pro správu platformy
  • udržet produkt rychlý, přehledný a spolehlivý
  • připravit platformu na budoucí růst

Platforma musela propojit vzdělávání, video, AI, platby, osobní studijní nástroje, administraci a lokalizaci do jednoho funkčního produktu.

Řešení

Pomohl jsem SaunaHacker postavit jako plnohodnotnou vzdělávací platformu ve stylu SaaS.

Místo jednoduché knihovny výukových videí vznikl strukturovaný digitální produkt s uživatelskými účty, placeným přístupem, osobními poznámkami, nahráváním videí, kategoriemi obsahu, titulky, kapitolami, předplatným a interní administrací.

Technický základ stojí na moderním webovém stacku: Next.js, TypeScript, Tailwind CSS, Supabase, Stripe, Mux, OpenAI API a Vercel.

Vznikl tak flexibilní základ pro správu uživatelů, vzdělávacího obsahu, předplatných, nahraných videí, titulků, kapitol, plateb i budoucích funkcí produktu.

Platforma umožňuje:

  • registraci a přihlášení uživatelů
  • přístup k placenému vzdělávacímu obsahu
  • osobní poznámky
  • nahrávání vlastních videí
  • nahrávání videí administrátory
  • řazení videí do kategorií
  • titulky a kapitoly u videí
  • automatické generování kapitol
  • ruční vkládání kapitol
  • přímou úpravu titulků
  • ruční přidávání titulků
  • nahrávání souborů s titulky
  • překlad titulků do sedmi jazyků
  • správu předplatného přes Stripe
  • rodinné tarify pro více uživatelů
  • nákup dárkového předplatného
  • lokalizované ceny v různých měnách
  • automatickou kvalitu přehrávání přes Mux
  • správu platformy z interní administrace

Cílem nebylo jen platformu spustit, ale vytvořit základ pro její dlouhodobý produktový vývoj.

Architektura vzdělávací platformy

Důležitou částí projektu bylo navrhnout SaunaHacker jako skutečnou vzdělávací platformu, ne jen pasivní video archiv.

Produkt měl podporovat aktivní učení.

Uživatelé proto nepotřebovali jen přístup k obsahu, ale i nástroje, které jim pomůžou řídit vlastní studijní proces.

Platforma obsahuje osobní poznámky, do kterých si mohou zapisovat vlastní myšlenky, postřehy a poznatky přímo v rámci produktu.

Podporuje také nahrávání osobních videí, takže uživatelé mohou pracovat s vlastním materiálem jako součástí svého vzdělávání.

Tím se SaunaHacker posunul od běžné videotéky k interaktivnějšímu vzdělávacímu prostředí.

Studijní vrstva zahrnuje:

  • osobní poznámky
  • osobní videa nahraná uživateli
  • strukturovaná výuková videa
  • video kategorie
  • individuální studijní postupy
  • lepší organizaci obsahu
  • aktivnější práci uživatelů s platformou
  • silnější produktovou zkušenost než u běžné videotéky

U vzdělávacího produktu není hodnota jen v samotném obsahu, ale také v tom, jak snadno s ním lidé pracují, organizují si ho a vracejí se k němu.

Kategorie videí a struktura obsahu

Platforma obsahuje systém kategorií, který drží výukový obsah přehledně uspořádaný.

To je důležité, protože s rostoucím počtem videí se objevování obsahu stává samostatným produktovým problémem.

Bez jasné struktury se lidé mohou ve vzdělávací platformě rychle ztratit.

Kategorie vytvářejí přehlednější prostředí a umožňují produktu růst společně s množstvím obsahu.

Systém podporuje:

  • jasnější navigaci
  • lepší vzdělávací strukturu
  • snazší objevování obsahu
  • organizaci z pohledu administrace
  • budoucí rozšiřování obsahu
  • profesionálnější uživatelskou zkušenost

SaunaHacker proto nestaví na prostém seznamu videí, ale na strukturované správě obsahu.

Nahrávání videí

SaunaHacker potřeboval podporovat více druhů nahrávání videí.

Administrátoři potřebovali nahrávat oficiální vzdělávací obsah platformy.

Uživatelé zároveň potřebovali možnost nahrávat vlastní osobní videa.

Vznikly tak dva odlišné upload workflow s různým účelem.

Administrátorské nahrávky tvoří hlavní vzdělávací obsah platformy.

Videa nahraná uživateli podporují individuální studijní postupy a práci s vlastním materiálem přímo v produktu.

Systém podporuje:

  • výuková videa nahraná administrátory
  • osobní videa nahraná uživateli
  • správu video obsahu
  • strukturovaný obsah platformy
  • individuální studijní případy použití
  • budoucí rozvoj video funkcí

Video se tak stalo centrální součástí produktu, ne pouze vloženým médiem na stránce.

Video infrastruktura Mux a automatická kvalita

Distribuce videa patřila mezi nejdůležitější technické části platformy.

Vzdělávací platforma stojí na plynulém přehrávání. Pokud se videa načítají pomalu, často se sekají nebo nefungují dobře na různých zařízeních, trpí celý produkt.

Platforma proto využívá video infrastrukturu Mux s automatickým přizpůsobením kvality.

Přehrávání se přizpůsobuje zařízení, připojení i podmínkám sledování konkrétního uživatele.

Místo stejného objemného souboru pro každého dokáže platforma pomocí adaptivní kvality doručit plynulejší streaming.

To podporuje:

  • plynulejší přehrávání
  • lepší výkon napříč zařízeními
  • automatickou úpravu kvality
  • spolehlivější sledování
  • lepší škálovatelnost video obsahu
  • kvalitnější zkušenost i při pomalejším připojení

Pro SaunaHacker není video jen vložený soubor.

Je to klíčová část vzdělávací zkušenosti.

AI integrace

AI je v platformě využitá pro automatizaci, lokalizaci a workflow spojené se vzděláváním.

Jednou z důležitých AI funkcí je překlad titulků do sedmi jazyků.

Místo spoléhání se jen na ruční překlady platforma používá AI workflow, která zpřístupňují video obsah širšímu publiku.

AI také podporuje automatické generování kapitol.

Dlouhá videa se díky tomu mění v přehlednější vzdělávací obsah s částmi, mezi kterými se lze jednoduše pohybovat.

AI vrstva pomáhá s:

  • překladem titulků do sedmi jazyků
  • rychlejší lokalizací obsahu
  • rychlejší přípravou titulků
  • automatickým vytvářením kapitol
  • lepší navigací ve videích
  • omezením manuální obsahové práce
  • silnějším základem pro budoucí AI funkce

U vzdělávací platformy má AI smysl tehdy, když zlepšuje provoz i samotnou zkušenost uživatelů. To byl cíl i zde.

Generování kapitol a jejich ruční úprava

Platforma obsahuje automatické generování kapitol pro videa.

Výuková videa často obsahují více témat, částí nebo studijních bodů.

Bez kapitol by lidé museli konkrétní část hledat ručně posouváním videa.

Automatické kapitoly dělají obsah přehlednější a užitečnější jako studijní materiál.

Platforma zároveň umožňuje kapitoly doplnit ručně.

AI generované kapitoly jsou užitečné, ale administrátor musí mít možnost zachovat redakční kontrolu nad finální strukturou.

Systém kapitol podporuje:

  • automatické generování kapitol
  • ruční vkládání kapitol
  • lepší navigaci ve videích
  • jasnější vzdělávací strukturu
  • rychlejší přístup ke konkrétním částem
  • kontrolu administrátorů nad finální podobou kapitol
  • lepší zkušenost při studiu

Kombinace automatizace a ruční kontroly dává produktu obojí.

Správa titulků

Workflow kolem titulků bylo další důležitou součástí platformy.

SaunaHacker potřeboval víc než běžné zobrazení titulků.

Platforma podporuje úpravu titulků, ruční přidání titulků, nahrávání souborů s titulky a AI překlady titulků do sedmi jazyků.

Administrátoři tak mají větší kontrolu nad lokalizací a přístupností video obsahu.

Systém titulků podporuje:

  • úpravu titulků
  • ruční přidávání titulků
  • nahrávání souborů s titulky
  • překlad titulků do sedmi jazyků
  • přístupnější video obsah
  • lepší připravenost pro mezinárodní publikum
  • kontrolu administrátorů nad kvalitou titulků
  • rychlejší lokalizační workflow

Klíčové operace kolem titulků se tak nemusí řešit mimo produkt, ale přímo uvnitř platformy.

Předplatné

SaunaHacker je postavený na placeném přístupu, takže předplatitelská logika byla klíčovou částí produktu.

Systém musel pracovat s uživatelskými účty, stavem plateb, aktivními tarify, přístupovými oprávněními i viditelností obsahu podle předplatného.

Pro bezpečnou správu plateb a předplatného byl integrovaný Stripe.

Systém podporuje:

  • placený přístup ke vzdělávacímu obsahu
  • práci se stavem předplatného
  • propojení uživatelských účtů s tarify
  • Stripe integraci
  • oprávnění podle konkrétního tarifu
  • logiku obnov a fakturace
  • základ pro budoucí modely monetizace

Platforma tak nemusí přístupy spravovat ručně. Stav platby je přímo propojený s tím, co může uživatel v produktu využívat.

Rodinné tarify

Platforma obsahuje také logiku rodinných tarifů.

To přidává další vrstvu složitosti, protože systém musí pracovat s více lidmi pod jedním placeným plánem, ne jen s jedním uživatelem a jedním účtem.

Rodinné tarify vyžadují promyšlené vztahy mezi účty, oprávněními a více uživateli připojenými k jednomu předplatnému.

Tato funkce dělá SaunaHacker flexibilnějším spotřebitelským produktem.

Rodinné tarify umožňují:

  • sdílený přístup
  • flexibilnější možnosti předplatného
  • využití v rámci domácnosti
  • vyšší hodnotu pro uživatele
  • širší možnosti monetizace

Produkt se díky tomu posouvá dál než základní model jednoho předplatného pro jednoho člověka.

Dárková předplatná

SaunaHacker umožňuje také nákup dárkového předplatného.

Nejde jen o drobnou platební funkci. Dárkové předplatné vyžaduje samostatný uživatelský tok, protože člověk, který platí, nemusí být stejný jako člověk, který přístup následně získá.

Platforma musela zvládnout nákup přístupu pro někoho jiného a jeho správné přiřazení konkrétnímu příjemci.

Funkce vytváří další akviziční kanál pro produkt.

Podporuje:

  • nákup přístupu pro jinou osobu
  • flexibilnější checkout
  • získávání nových uživatelů prostřednictvím dárků
  • širší možnosti monetizace
  • propracovanější zkušenost spotřebitelského produktu

U vzdělávací a lifestyle platformy může být gifting silnou obchodní funkcí, protože produkt lze koupit nejen pro sebe, ale i pro někoho dalšího.

Lokalizované měny

Platforma obsahuje také systém lokalizovaných měn.

To je důležité, protože SaunaHacker neměl fungovat pouze jako statický lokální produkt. Ceny musí dávat smysl uživatelům v různých regionech.

Práce s lokalizovanými měnami zlepšuje nákupní zkušenost a připravuje produkt na širší trh.

Systém podporuje:

  • cenovou prezentaci podle regionu
  • zobrazení lokalizovaných měn
  • lepší checkout
  • mezinárodně přívětivější monetizaci
  • silnější základ pro škálování mimo jeden trh

Cena a checkout jsou u předplatitelského produktu zásadní. Pokud lidé vidí neznámou měnu nebo platba nepůsobí přirozeně pro jejich region, konverze může klesat.

Lokalizované měny tuto překážku snižují.

Administrace

SaunaHacker potřeboval také interní administraci.

Vzdělávací platformu nelze efektivně spravovat jen přes databázi nebo externí nástroje.

Tým potřebuje jasné prostředí pro správu obsahu, videí, kategorií, titulků, kapitol, uživatelů, předplatného a provozních nastavení.

Administrace usnadňuje provoz platformy po spuštění.

Podporuje:

  • nahrávání videí administrátory
  • správu kategorií
  • úpravu titulků
  • ruční přidávání titulků
  • nahrávání souborů s titulky
  • správu kapitol
  • ruční vkládání kapitol
  • správu uživatelů
  • přehled předplatných
  • nastavení platformy
  • provozní kontrolu
  • interní workflow
  • menší potřebu ručních zásahů do databáze

Produkt tak není jen funkční, ale i dlouhodobě spravovatelný.

Technický základ

Technický základ SaunaHackeru byl navržený pro moderní SaaS vzdělávací produkt.

Použitý stack:

  • Next.js pro webovou aplikaci
  • TypeScript pro bezpečnější vývoj
  • Tailwind CSS pro realizaci rozhraní
  • Supabase pro backend, databázi a autentizaci
  • Stripe pro platby a předplatné
  • Mux pro video infrastrukturu a adaptivní přehrávání
  • OpenAI API pro AI workflow
  • Vercel pro hosting a deployment

Architektura propojuje mnoho samostatných částí do jednoho stabilního produktu.

Propojené produktové systémy

Platforma propojuje:

  • frontendovou zkušenost
  • backendovou logiku
  • databázovou strukturu
  • autentizaci
  • přístup podle předplatného
  • zpracování plateb
  • nahrávání videí
  • video kategorie
  • adaptivní distribuci videa
  • osobní poznámky
  • osobní videa nahraná uživateli
  • výuková videa nahraná administrátory
  • AI překlad titulků
  • automatické generování kapitol
  • ruční úpravu kapitol
  • úpravu titulků
  • administraci
  • lokalizované ceny

Projekt byl proto výrazně složitější než běžný web.

Hodnota spočívala v propojení všech těchto systémů do jednoho funkčního produktu.

Co bylo součástí spolupráce

  • Full-stack vývoj platformy
  • Produktová architektura
  • Vzdělávací platforma založená na předplatném
  • Autentizace uživatelů
  • Stripe integrace
  • Logika přístupu podle předplatného
  • Rodinné tarify
  • Dárková předplatná
  • Systém lokalizovaných měn
  • Osobní poznámky
  • Osobní videa nahraná uživateli
  • Výuková videa nahraná administrátory
  • Systém kategorií videí
  • Video infrastruktura Mux
  • Automatická kvalita videa
  • Adaptivní přehrávání
  • AI překlad titulků
  • Lokalizace titulků do sedmi jazyků
  • Automatické generování kapitol
  • Ruční vkládání kapitol
  • Úprava titulků
  • Ruční přidávání titulků
  • Nahrávání souborů s titulky
  • Administrace
  • Databázová struktura
  • Frontendová implementace
  • Backendová logika
  • Nastavení deploymentu
  • Implementace s důrazem na výkon
  • Základ pro budoucí SaaS růst

Projekt spojil webový vývoj, SaaS architekturu, platby, AI automatizaci, video infrastrukturu, vzdělávací workflow, lokalizaci, správu obsahu a provoz produktu.

Výsledek

SaunaHacker získal silný technický základ pro moderní vzdělávací platformu využívající AI.

Platforma se posunula dál než k místu pro sledování výukových videí.

Vznikl plnohodnotný digitální produkt s uživatelskými účty, placeným přístupem, osobními poznámkami, vlastním nahráváním videí, správou videí administrátory, kategoriemi, adaptivním přehráváním, titulky, generováním kapitol, rodinnými tarify, dárkovým předplatným, lokalizovanými cenami a interní administrací.

AI překlady titulků zpřístupňují obsah v sedmi jazycích.

Automatické kapitoly dělají videa přehlednější a užitečnější jako studijní materiály.

Video infrastruktura Mux pomáhá zajistit plynulé přehrávání s automatickou kvalitou.

Integrace Stripe umožňuje předplatné, platby, rodinné tarify i dárkové přístupy jako součást monetizačního systému platformy.

Administrace vytváří silnější provozní vrstvu pro správu videí, titulků, kapitol, kategorií, uživatelů a předplatného.

Výsledkem je propojená SaaS vzdělávací platforma, ne jen videotéka. Produktová infrastruktura podporuje vzdělávání, platby, AI, lokalizaci, distribuci videa, osobní studijní postupy i budoucí růst.

Hlavní myšlenka

Moderní vzdělávací platforma potřebuje víc než kvalitní obsah.

Potřebuje produktový systém pro přístupová oprávnění, platby, video výkon, lokalizaci, studijní workflow uživatelů, administraci a škálovatelný provoz.

Pro SaunaHacker jsem pomohl takový systém vytvořit — od technického základu a předplatné logiky přes AI překlady titulků, automatické kapitoly a adaptivní video až po osobní poznámky, nahrávání videí, rodinné tarify, dárková předplatná, lokalizované měny a interní administraci.

Projekt ukazuje, jak se z výukového obsahu stává strukturovaný digitální produkt, když kolem něj vznikne správná platformová architektura.