Technologie, které používám pro AI Čítárnu

AI Čítárnu jsem stavěl pomocí Claude Code. Samotná aplikace pak propojuje několik služeb, od získávání přepisů videí po tvorbu shrnutí a ranní upozornění. Tady je stručný přehled, který může posloužit jako inspirace při stavbě vlastního projektu.

Claude Code: pomoc při vývoji

Claude Code jsem používal při stavění Čítárny. Je to nástroj pro práci na kódu aplikace, který se může hodit, když chceš vyvíjet s pomocí AI.

GitHub: správa kódu

Mezi moje nástroje patří také GitHub. Slouží k ukládání a verzování kódu, takže se hodí pro sledování změn i spolupráci na projektu.

Next.js, React a TypeScript: základ aplikace

Čítárna je napsaná v TypeScriptu a postavená na Next.js a Reactu. Tahle sestava se hodí pro webovou aplikaci, která potřebuje uživatelské rozhraní i serverovou část pro práci s daty a dalšími službami.

Vercel a cron: provoz a plánované úlohy

Na Vercelu Čítárna běží a pomocí cronu, tedy naplánovaného spouštění úloh, zahajuje noční zpracování videí a ranní upozornění. V podobném projektu tak můžeš zajistit, aby se úlohy spouštěly automaticky v určený čas.

Supabase: databáze a přihlášení

V Supabase Čítárna ukládá údaje o uživatelích, sledovaných kanálech a hotových shrnutích a využívá ho také pro přihlašování. Může se hodit pro aplikaci, ve které má každý uživatel svůj účet a uložená data.

YouTube Data API: hledání nových videí

Přes YouTube Data API Čítárna zjišťuje, která nová videa přibyla na sledovaných kanálech. Je to rozhraní pro projekt, který potřebuje pracovat s údaji z YouTube.

Supadata: přepisy videí

Supadata získává pro Čítárnu přepisy videí, se kterými dál pracuje AI. Podobně ji můžeš využít, když potřebuješ obsah videa zpracovávat jako text.

Claude API: modely pro zpracování obsahu

Přes Claude API Čítárna používá Haiku 4.5 k posouzení videí podle zájmů čtenáře a Sonnet 4.6 k tvorbě shrnutí a osobního odstavce. API umožňuje zapojit modely přímo do vlastní aplikace, třeba pro zpracování textů.

Tailwind CSS a shadcn/ui: vzhled a ovládání

Vzhled Čítárny vzniká pomocí Tailwind CSS a komponent shadcn/ui. Při stavbě webu se hodí pro stylování a sestavení rozhraní z připravených prvků.

Resend: odesílání e-mailů

Resend v Čítárně zajišťuje odesílání e-mailových přehledů a přihlašovacích odkazů. Můžeš ho využít, když tvoje aplikace potřebuje uživatelům posílat e-maily.

web-push: upozornění na telefon

Pomocí web-push Čítárna odesílá ranní upozornění na telefon. Podobné upozornění se může hodit, když chceš uživatele informovat o novém obsahu v aplikaci.

MCP server: přístup k archivu z AI nástrojů

Čítárna má také MCP server pro napojení archivu na ChatGPT a Claude. Podobné propojení umožňuje pracovat s obsahem vlastní aplikace z AI nástroje.

Vitest: testování

Pro automatické testy používám Vitest. Testy se hodí k ověření, jestli se vybrané části aplikace po změně kódu stále chovají podle očekávání.