Jak jsem postavil SaaS MVP za 24 hodin pomocí AI (průvodce krok za krokem)

Shrnutí

Můžete přejít od nuly k nasazenému, platebně aktivnímu SaaS MVP za 24 hodin. Ne hračka — skutečný produkt s autentizací, databází, Stripe fakturací a landing page. Zde je hodinový rozpis a každý nástroj, který jsem použil.

Celkové náklady: ~$60 (většinou doména + první měsíc služeb) Stack: Next.js + Supabase + Stripe + Cloudflare, postaveno s Claude Code a Cursor, nasazeno s Y Build.

---

Proč je to teď možné

Před dvěma lety znamenalo postavení MVP za 24 hodin ořezávat všude — žádná autentizace, žádné platby, žádný skutečný backend. Dodali jste statickou stránku a nazvali to MVP.

V roce 2026 AI kódovací nástroje změnily rovnici. Claude Code píše produkční backend logiku. Cursor zvládá iteraci frontendu rychlostí konverzace. Y Build nasazuje na edge infrastrukturu s nulovým DevOps. Úzkým hrdlem už není kódování — je to rozhodování, co stavět.

Tento průvodce dokumentuje přesný proces, hodinu po hodině.

---

Hodina 1–2: Validace nápadu (nepřeskakujte)

Největší chyba v 24hodinových stavbách je okamžitě začít kódovat. Dvě hodiny validace vás zachrání od stavění něčeho, co nikdo nechce.

Co jsem udělal

1. Identifikace problému — Procházel jsem Reddit, Indie Hackers a X, hledal stížnosti na existující nástroje. Našel jsem opakující se bolest: freelanceři bojující se sledováním času přes více klientů bez přepínání mezi 5 různými aplikacemi.

1. Rychlá konkurenční analýza — Hledal jsem existující řešení. Našel Toggl, Harvest, Clockify. Všechny zaměřené na týmy. Žádný neměl jednoduchý „freelancer-first" mód s automatickou fakturací.

1. Test landing page — Použil Claude Code k vygenerování jednostránkové landing page za 15 minut. Přidal tlačítko „Připojte se na waitlist" s jednoduchým formulářem na email. Zveřejnil na 3 relevantních subredditech a 2 Slack komunitách.

1. Validační signál — Během 2 hodin jsem měl 23 emailových přihlášení a 4 DM ptající se „kdy to spouštíte?" To je dostatečný signál.

Použité nástroje

• Claude Code (generování landing page)
• Supabase (sběr emailů — jen jedna tabulka)
• Reddit, Indie Hackers (distribuce)

Náklady: $0

---

Hodina 3–6: Stavba hlavního produktu

Zde AI kódovací nástroje prokazují svou hodnotu. Čtyři hodiny na stavbu funkční SaaS aplikace.

Hodina 3: Nastavení projektu a datový model

Otevřel Claude Code a popsal produkt:

"Build a Next.js 15 app with Supabase auth and database. The app is a freelancer time tracker. Data model: users, clients, projects, time_entries, invoices. Time entries have start/stop timestamps and belong to a project. Projects belong to a client. Invoices aggregate time entries by client for a date range."

Claude Code vygeneroval kompletní datový model, Supabase migrace a nastavení autentizace najednou. Zkontroloval jsem schéma, provedl dva malé úpravy (přidal pole hourly_rate k projektům, přidal status enum k fakturám) a spustil migrace.

Čas: 40 minut

Hodina 4–5: Hlavní funkce

Přepnul na Cursor pro iteraci frontendu. Postavil tři obrazovky:

1. Obrazovka časovače — Start/stop časovač, výběr klienta a projektu, zobrazení dnešního celku.

1. Dashboard — Týdenní souhrn, rozpis po klientech, graf hodin po dnech. Claude Code vygeneroval agregační dotazy. Cursor zvládl komponentu grafu.

1. Generátor faktur — Výběr klienta, rozsah dat, generování PDF faktury.

Čas: 2 hodiny

Hodina 5–6: Leštění a hraniční případy

• Přidání zpracování chyb a stavů načítání
• Mobilní responzivní layout
• Prázdné stavy pro nové uživatele
• Onboarding flow: noví uživatelé vyzváni k přidání prvního klienta

Čas: 1 hodina

Použité nástroje

• Claude Code (backend logika, datový model, API routy, generování PDF)
• Cursor (iterace frontend UI, responzivní design)
• Next.js 15, Supabase, Tailwind CSS

Náklady: $0 (free tiery)

---

Hodina 7–8: Nasazení s Y Build

Toto bývala bolestivá část. Nastavení CI/CD, konfigurace proměnných prostředí, DNS, SSL, CDN — snadno celý den DevOps práce.

Co jsem udělal

1. Připojení repa — Propojil GitHub repo s Y Build. Automaticky detekoval Next.js, navrhl nasazení na Cloudflare Workers.

1. Proměnné prostředí — Y Build vytáhl požadované env vars z .env.local a vyzval mě k potvrzení každé pro produkci.

1. Vlastní doména — Koupil doménu ($12), nasměroval DNS na nameservery Y Build. SSL automaticky zajištěn.

1. Nasazení — Jedno kliknutí. Y Build sestavil projekt, optimalizoval assety, nasadil na edge síť Cloudflare přes 300+ lokací. Celkový čas nasazení: 90 sekund.

1. AI SEO setup — Y Build automaticky vygeneroval meta tagy, Open Graph obrázky a sitemapu.

Čas: 45 minut (včetně 20 minut čekání na propagaci DNS)

Použité nástroje

• Y Build (nasazení, DNS, SSL, SEO)
• Cloudflare (edge hosting přes Y Build)

Náklady: $12 (doména)

---

Hodina 9–12: Přidání plateb a příprava na launch

Hodina 9–10: Integrace Stripe

Použil Claude Code pro přidání Stripe:

• Stránka s cenami — Dva tiery: Free (3 klienti, základní časovač) a Pro ($12/měs — neomezení klienti, fakturace, reporty)
• Checkout flow — Vytváření Stripe Checkout session, zpracování webhooků pro události předplatného
• Fakturační portál — Zákaznický self-service pro změny plánu a zrušení
• Feature gating — Middleware pro kontrolu stavu předplatného a omezení funkcí pro free uživatele

Čas: 1,5 hodiny

Hodina 10–11: Upgrade landing page

Nahradil validační landing page řádnou:

• Hero sekce se screenshotem produktu
• Mřížka funkcí s ikonami
• Tabulka cen
• FAQ sekce
• Sociální důkaz (použil 23 waitlist přihlášení jako „23 freelancerů už čeká")

Čas: 1 hodina

Hodina 11–12: Demo video produktu

Použil Y Build Demo Cut pro generování demo videa:

1. Nasměroval Demo Cut na URL nasazené aplikace
2. AI prošlo aplikací — časovač, dashboard, generátor faktur
3. Vygeneroval 60sekundové demo s voice-overem, přechody a hudbou
4. Exportoval pro galerii Product Hunt a hero landing page

Čas: 10 minut

Použité nástroje

• Claude Code (integrace Stripe)
• Cursor (landing page)
• Y Build Demo Cut (demo video produktu)
• Stripe

Náklady: $0 (Stripe účtuje z transakcí, žádné předem)

---

Hodina 13–18: Launch

Podání na Product Hunt

• Nahrál demo video, screenshoty a text listingu
• Naplánoval launch na 12:01 AM PT
• Připravil „maker comment" vysvětlující příběh 24hodinové stavby

Blitz na sociálních sítích

• Zveřejnil příběh stavby na X se screenshoty každé fáze
• Sdílel v 5 relevantních Slack komunitách
• Zveřejnil na r/SaaS, r/Freelance a r/SideProject
• Poslal email 23 waitlist přihlášením: „Je to živé. Jste první, kdo ví."

Výsledky v hodině 18

• 47 upvotů na Product Hunt
• 120 unikátních návštěvníků
• 8 registrací (free tier)
• 2 Pro konverze ($24 MRR)

---

Hodina 19–24: Iterace na základě zpětné vazby

První uživatelé odhalili tři problémy:

1. Časovač nepřetrvával přes obnovení stránky — Claude Code opravil za 10 minut (uložení stavu časovače do localStorage + synchronizace se serverem)
2. Formátování PDF faktury se rozbilo u dlouhých názvů projektů — 5minutová CSS oprava
3. Uživatelé chtěli „rychlé přidání" časových záznamů bez použití časovače — Claude Code postavil formulář manuálního zadání za 20 minut

Opravy nasazeny přes Y Build — každé nasazení trvalo méně než 2 minuty.

V hodině 24:

• 12 celkových registrací


• 3 Pro konverze ($36 MRR)


• Hlavní produkt stabilní a použitelný

---

Kompletní rozpis nákladů

---

Co bych udělal jinak

1. Strávit 30 minut navíc nad datovým modelem — Musel jsem přidat dvě pole později. AI je rychlé v generování kódu, ale nemůže validovat vaši obchodní logiku.

1. Nastavit analytiku dříve — Event tracking jsem přidal až v hodině 15. Přišel jsem o data o chování prvních uživatelů.

1. Předepsat listing na Product Hunt — Pospíchal jsem s psaním textu v hodině 11. Měl jsem ho nachystat během validační fáze.

1. Důkladněji testovat Stripe webhooky — V hodině 16 jsem měl krátký strach, když webhook aktualizace předplatného tiše selhal. Vždy otestujte celý životní cyklus předplatného před launchem.

---

AI SaaS stack 2026

Pokud dnes stavíte SaaS MVP, zde je stack, který doporučuji:

---

Často kladené otázky

Musím být vývojář? Potřebujete základní technickou gramotnost — rozumět, co je databáze, co dělá API, jak fungují webové aplikace. Ale nemusíte psát kód od nuly. Claude Code a Cursor zvládají implementaci. Vy jste produktový manažer. Co když se můj nápad nevaliduje za 2 hodiny? Opusťte ho. Smyslem 24hodinového omezení je pohybovat se rychle. Pokud 2 hodiny validace neukáží zájem, vyberte jiný nápad. Je 24hodinové MVP skutečně použitelné? Ano, pokud nemilosrdně omezíte rozsah. Tajemství je řešit jeden problém dobře, ne stavět plnohodnotný produkt. Můj time tracker dělá tři věci: sleduje čas, zobrazuje dashboard, generuje faktury. To je vše. Jak zvládnu škálování, pokud to vystřelí? Supabase a Cloudflare (přes Y Build) zvládají významný provoz automaticky. Problémy se škálováním nenarazíte do tisíců denních aktivních uživatelů. Co mobilní verze? Responzivní web jako první. Dedikovaná mobilní aplikace je problém druhého týdne — poté, co validujete, že lidé produkt skutečně používají.

---

Připraveni přejít od kódu k nasazenému produktu za minuty? Y Build zvládá nasazení, AI SEO, analytiku a demo videa — abyste se mohli soustředit na stavění. Začněte zdarma.