Jak zbudowałem SaaS MVP w 24 godziny z AI (przewodnik krok po kroku)

Podsumowanie

Możesz przejść od zera do wdrożonego SaaS MVP z autoryzacją, bazą danych, rozliczeniami Stripe i stroną docelową w 24 godziny. Nie zabawka — prawdziwy produkt. Oto rozkład godzina po godzinie i każde użyte narzędzie.

Całkowity koszt: ~$60 (głównie domena + pierwszy miesiąc usług) Stack: Next.js + Supabase + Stripe + Cloudflare, zbudowany z Claude Code i Cursor, wdrożony z Y Build.

---

Dlaczego to jest teraz możliwe

Dwa lata temu zbudowanie MVP w 24 godziny oznaczało cięcie zakrętów wszędzie — brak autoryzacji, brak płatności, brak prawdziwego backendu. Uruchamiałeś statyczną stronę i nazywałeś to MVP.

W 2026 narzędzia do kodowania z AI zmieniły rachunek. Claude Code pisze logikę backendu o jakości produkcyjnej. Cursor obsługuje iterację frontendu w tempie rozmowy. Y Build wdraża na infrastrukturę edge bez DevOps. Wąskim gardłem nie jest już kodowanie — to decydowanie, co budować.

Ten przewodnik dokumentuje dokładny proces, godzina po godzinie.

---

Godzina 1-2: Walidacja pomysłu (nie pomijaj tego)

Największy błąd w 24-godzinnych budowach to natychmiastowe zaczynanie kodowania. Dwie godziny walidacji ratują Cię od budowania czegoś, czego nikt nie chce.

Co zrobiłem

1. Identyfikacja problemu — Przejrzałem Reddit, Indie Hackers i X w poszukiwaniu skarg na istniejące narzędzia. Znalazłem powtarzający się problem: freelancerzy mający trudności ze śledzeniem czasu na wielu klientów bez przełączania się między 5 różnymi aplikacjami.

1. Szybka analiza konkurencji — Wyszukałem istniejące rozwiązania. Znalazłem Toggl, Harvest, Clockify. Wszystkie skupione na zespołach. Żadne nie miało prostego trybu „freelancer-first" z automatycznym fakturowaniem.

1. Test strony docelowej — Użyłem Claude Code do wygenerowania jednostronicowej strony docelowej w 15 minut. Dodałem przycisk „Dołącz do listy oczekujących" z prostym formularzem e-mail. Opublikowałem na 3 odpowiednich subredditach i 2 społecznościach Slack.

1. Sygnał walidacji — W ciągu 2 godzin miałem 23 zapisy e-mail i 4 DM-y pytające „kiedy to startuje?" To wystarczający sygnał.

Użyte narzędzia

• Claude Code (generowanie strony docelowej)
• Supabase (zbieranie e-maili — tylko jedna tabela)
• Reddit, Indie Hackers (dystrybucja)

Koszt: $0

---

Godzina 3-6: Budowa głównego produktu

Tu narzędzia do kodowania z AI pokazują swoją wartość. Cztery godziny na zbudowanie funkcjonalnej aplikacji SaaS.

Godzina 3: Konfiguracja projektu i model danych

Otworzyłem Claude Code i opisałem 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 wygenerował kompletny model danych, migracje Supabase i konfigurację autoryzacji w jednym przebiegu. Przejrzałem schemat, dokonałem dwóch drobnych korekt (dodałem pole hourly_rate do projektów, dodałem enum status do faktur) i uruchomiłem migracje.

Czas: 40 minut

Godzina 4-5: Główne funkcje

Przeszedłem na Cursor do iteracji frontendu. Zbudowałem trzy ekrany:

1. Ekran timera — Start/stop timera, wybór klienta i projektu, dzisiejszy łączny czas. Użyłem edycji inline Cursora do szybkiej iteracji UI.

1. Dashboard — Podsumowanie tygodniowe, podział per klient, wykres godzin wg dnia. Claude Code wygenerował zapytania agregujące dane. Cursor obsłużył komponent wykresu.

1. Generator faktur — Wybór klienta, zakres dat, generowanie faktury PDF. Claude Code do logiki generowania PDF (html-to-pdf via rendering w stylu Puppeteer na serwerze).

Czas: 2 godziny

Godzina 5-6: Szlifowanie i przypadki brzegowe

• Dodanie obsługi błędów i stanów ładowania
• Responsywny układ mobilny (Cursor przyśpieszył to — wystarczyło opisać, co powinno się zmienić przy każdym breakpoincie)
• Puste stany dla nowych użytkowników
• Przepływ onboardingu: nowi użytkownicy są zachęcani do dodania pierwszego klienta

Czas: 1 godzina

Użyte narzędzia

• Claude Code (logika backendu, model danych, trasy API, generowanie PDF)
• Cursor (iteracja UI frontendu, responsywny design)
• Next.js 15, Supabase, Tailwind CSS

Koszt: $0 (darmowe plany)

---

Godzina 7-8: Wdrożenie z Y Build

To kiedyś była bolesna część. Konfiguracja CI/CD, zmienne środowiskowe, DNS, SSL, CDN — łatwo cały dzień pracy DevOps.

Co zrobiłem

1. Połączenie repo — Podłączyłem repo GitHub do Y Build. Auto-wykrycie Next.js, sugestia wdrożenia Cloudflare Workers.

1. Zmienne środowiskowe — Y Build pobrał wymagane zmienne env z mojego .env.local i poprosił o potwierdzenie każdej dla produkcji.

1. Własna domena — Kupiłem domenę ($12), przekierowałem DNS na serwery nazw Y Build. SSL automatycznie.

1. Wdrożenie — Jedno kliknięcie. Y Build zbudował projekt, zoptymalizował zasoby, wdrożył na sieć edge Cloudflare w 300+ lokalizacjach. Czas wdrożenia: 90 sekund.

1. Konfiguracja AI SEO — Y Build auto-wygenerował meta tagi, obrazy Open Graph i mapę strony. Dodał dane strukturalne dla strony docelowej.

Czas: 45 minut (w tym 20 minut czekania na propagację DNS)

Użyte narzędzia

• Y Build (wdrożenie, DNS, SSL, SEO)
• Cloudflare (hosting edge przez Y Build)

Koszt: $12 (domena)

---

Godzina 9-12: Dodanie płatności i przygotowanie do premiery

Godzina 9-10: Integracja Stripe

Użyłem Claude Code do dodania Stripe:

• Strona cenowa — Dwa plany: Darmowy (3 klientów, podstawowy timer) i Pro ($12/mies. — nielimitowani klienci, fakturowanie, raporty)
• Przepływ płatności — Tworzenie sesji Stripe Checkout, obsługa webhooków dla zdarzeń subskrypcji
• Portal rozliczeniowy — Samoobsługa klienta do zmian planu i anulowania
• Ograniczanie funkcji — Middleware do sprawdzania statusu subskrypcji i ograniczania funkcji dla darmowych użytkowników

Czas: 1,5 godziny

Godzina 10-11: Aktualizacja strony docelowej

Zastąpiłem walidacyjną stronę docelową pełną:

• Sekcja hero ze zrzutem ekranu produktu
• Siatka funkcji z ikonami
• Tabela cenowa
• Sekcja FAQ
• Dowód społeczny (23 zapisy na listę oczekujących jako „23 freelancerów już czeka")

Czas: 1 godzina

Godzina 11-12: Wideo demo produktu

Użyłem Y Build Demo Cut do wygenerowania wideo demo produktu:

1. Wskazałem Demo Cut na URL wdrożonej aplikacji
2. AI przeszedł przez aplikację — timer, dashboard, generator faktur
3. Wygenerował 60-sekundowe demo z narracją, przejściami i muzyką w tle
4. Eksport do galerii Product Hunt i hero strony docelowej

Czas: 10 minut

Użyte narzędzia

• Claude Code (integracja Stripe)
• Cursor (strona docelowa)
• Y Build Demo Cut (wideo demo produktu)
• Stripe

Koszt: $0 (Stripe pobiera opłaty od transakcji, brak kosztów z góry)

---

Godzina 13-18: Premiera

Zgłoszenie Product Hunt

• Wgranie wideo demo, zrzutów ekranu i tekstu listingu
• Zaplanowanie premiery na 12:01 AM PT
• Przygotowanie „komentarza twórcy" wyjaśniającego historię 24-godzinnej budowy

Blitz mediów społecznościowych

• Publikacja historii budowy na X ze zrzutami ekranu z każdego etapu
• Udostępnienie w 5 odpowiednich społecznościach Slack
• Publikacja na r/SaaS, r/Freelance i r/SideProject
• E-mail do 23 zapisanych na listę oczekujących: „Jest live. Jesteście pierwszymi."

Wyniki po 18 godzinach

• 47 głosów na Product Hunt
• 120 unikalnych odwiedzających
• 8 rejestracji (darmowy plan)
• 2 konwersje Pro ($24 MRR)

---

Godzina 19-24: Iteracja na podstawie opinii

Pierwsi użytkownicy ujawnili trzy problemy:

1. Timer nie przetrwał odświeżenia strony — Claude Code naprawił to w 10 minut (zapis stanu timera w localStorage + synchronizacja z serwerem)
2. Formatowanie PDF faktury psuje się przy długich nazwach projektów — 5-minutowa poprawka CSS
3. Użytkownicy chcieli „szybkiego dodawania" wpisów czasu bez timera — Claude Code zbudował formularz ręcznego wpisu w 20 minut

Wdrożenie poprawek przez Y Build — każde wdrożenie poniżej 2 minut.

Po 24 godzinach:

• 12 łącznych rejestracji


• 3 konwersje Pro ($36 MRR)


• Produkt główny stabilny i użyteczny

---

Kompletne zestawienie kosztów

---

Co zrobiłbym inaczej

1. Poświęcić 30 minut więcej na model danych — Musiałem później dodać dwa pola, które byłyby oczywiste przy dłuższym zastanowieniu. AI jest szybkie w generowaniu kodu, ale nie może zwalidować Twojej logiki biznesowej.

1. Skonfigurować analitykę wcześniej — Nie dodałem śledzenia zdarzeń do 15. godziny. Straciłem dane o wczesnym zachowaniu użytkowników.

1. Napisać listing Product Hunt z wyprzedzeniem — Pisałem tekst w pośpiechu w 11. godzinie. Powinienem przygotować szkic podczas fazy walidacji.

1. Dokładniej przetestować webhooki Stripe — Miałem chwilę strachu w 16. godzinie, gdy webhook aktualizacji subskrypcji cicho zawiódł. Zawsze testuj pełny cykl życia subskrypcji przed premierą.

---

Stack AI SaaS 2026

Jeśli budujesz SaaS MVP dziś, oto stack, który polecam:

---

FAQ

Czy muszę być programistą, żeby to zrobić? Potrzebujesz podstawowej wiedzy technicznej — rozumienia, czym jest baza danych, co robi API, jak działają aplikacje webowe. Ale nie musisz pisać kodu od zera. Claude Code i Cursor obsługują implementację. Ty jesteś product managerem. Co jeśli mój pomysł nie zostanie zwalidowany w 2 godziny? Porzuć go. Sens ograniczenia 24-godzinnego to szybkie działanie. Jeśli 2 godziny walidacji nie pokażą zainteresowania, wybierz inny pomysł. Zawsze możesz wrócić. Czy 24-godzinny MVP jest faktycznie użyteczny? Tak, jeśli bezwzględnie ograniczysz zakres. Sekret polega na rozwiązaniu jednego problemu dobrze, nie budowaniu kompletnego produktu. Mój tracker czasu robi trzy rzeczy: śledzi czas, pokazuje dashboard, generuje faktury. To wszystko. Jak obsłużyć skalowanie, jeśli to wystrzeli? Supabase i Cloudflare (przez Y Build) obsługują znaczny ruch od razu. Nie napotkasz problemów ze skalowaniem do tysięcy aktywnych użytkowników dziennie. W tym momencie będziesz mieć przychody do zainwestowania w infrastrukturę. A co z mobilem? Najpierw responsywny web. Dedykowana aplikacja mobilna to problem Tygodnia 2 — po zwalidowaniu, że ludzie faktycznie używają produktu.

---

Gotowy przejść od kodu do wdrożonego produktu w minuty? Y Build obsługuje wdrożenie, AI SEO, analitykę i wideo demo — żebyś mógł się skupić na budowaniu. Zacznij za darmo.