Vibe Coding: jak zbudowałem 3 aplikacje bez zespołu developerów

W 2023 roku postanowiłem zbudować platformę dla inwestorów budowlanych. Listy kontrolne zakupu działki, śledzenie budżetu, dokumenty, eksperci, mapy w jednym miejscu. Aplikacja mobilna na iOS i Android, plus wersja web.

Nie miałem ani jednego developera w zespole.

Nie szukałem też freelancera. Zamiast tego wziąłem laptop, otworzyłem Claude Code i zacząłem pisać prompty.

Dziś naswoim.org działa. Użytkownicy zalogowani. Dane w Supabase. Wersja mobilna w App Store i Google Play. I przez cały czas budowałem ją równolegle z dwoma innymi projektami.

Czym jest vibe coding?

Vibe coding to nie to samo co no-code. Nadal piszesz kod. Ale nie piszesz go sam od zera — piszesz go razem z modelem AI, który generuje implementację na podstawie twojej specyfikacji.

Nie chodzi też o wklejanie pytań do ChatGPT i kopiowanie odpowiedzi. Chodzi o precyzyjne myślenie o problemie i opisywanie go w sposób, który AI może przetworzyć na działający kod.

To zmienia wymagania. Nie musisz wiedzieć, jak napisać hook React z optymistyczną aktualizacją UI. Musisz wiedzieć, że jej potrzebujesz i dlaczego.

Trzy produkty, zero zewnętrznych developerów

marcinpaszkiewicz.com — ta strona. Astro SSR, WordPress Headless jako CMS, deploy na Vercel. Każda zmiana — nowy artykuł, poprawka layoutu, nowa funkcja — powstaje przez Claude Code. Czas od pomysłu do działającej zmiany: zwykle poniżej godziny.

naswoim.org — pełny stack: React 19 + Vite, Tailwind CSS, Supabase (PostgreSQL + Auth + Storage + Realtime), Capacitor na iOS i Android. Dwadzieścia stron, kilkanaście hooków domenowych, dwadzieścia kilka komponentów feature. System uprawnień (RLS), 20 migracji SQL, integracja z mapami Leaflet. Wszystko zbudowane bez rekrutacji.

industrverse.com — najtrudniejszy technicznie. Frontend: Next.js + React 19. Backend: NestJS z 13 modułami, Prisma + PostgreSQL, Redis, JWT/Passport, Socket.io (WebSockets do sesji VR w czasie rzeczywistym), Swagger, integracje Google API. Docker Compose z czterema serwisami. Monorepo npm. Siedem ról użytkownika. Dziewięć dashboardów zależnych od roli.

Żaden z tych projektów nie byłby możliwy w rozsądnym czasie i budżecie bez AI jako partnera programistycznego. Z AI — każdy z nich stał się wykonywalny dla jednej osoby.

Jak wygląda mój workflow

Nie ma jednego narzędzia. Używam kilku, zależnie od zadania:

• Claude Code (CLI) — do głębokiej pracy z plikami: nowe funkcje, refaktoring, debugowanie w kontekście całego projektu. Rozumie strukturę repozytorium, czyta wiele plików naraz, proponuje zmiany z dokładnością do linii.
• Claude.ai — do planowania architektury, omawiania decyzji projektowych, szybkich pytań na etapie design. Tutaj rozmawiamy o tym, co budujemy, zanim zacznę go kodować.
• GitHub Copilot — do autouzupełniania w edytorze, szczególnie przy powtarzalnych fragmentach (komponenty, testy, migracje SQL).

Iteracja wygląda tak: definiuję zadanie precyzyjnie → AI generuje szkielet → przeglądam i prowadzę → AI poprawia → testuję → powtarzam. Kluczowe jest „prowadzę” — to nie jest automat. Ty jesteś kierowcą.

Co AI robi dobrze

• Scaffolding i boilerplate — nowy endpoint API, nowy komponent, nowa migracja SQL. AI wie, jak to wygląda, i generuje to szybko i poprawnie.
• Debugowanie z kontekstem — wklej błąd + relevantny kod → AI diagnozuje. Zwykle trafnie. To oszczędza godziny poszukiwań na Stack Overflow.
• Refaktoring — zmiana nazwy, restrukturyzacja, dodanie typów TypeScript do istniejącego kodu JavaScript. AI jest w tym bezbłędne i szybkie.
• Tłumaczenie między warstwami — „mam tę logikę w backendzie, napisz odpowiadający hook na frontendzie”. AI rozumie obie strony.

Gdzie nadal potrzebny jest człowiek

Vibe coding nie eliminuje potrzeby myślenia. Zmienia tylko to, o czym myślisz.

• Decyzje architektoniczne — jak podzielić system, gdzie umieścić logikę, jakie kompromisy przyjąć. AI proponuje, ale decydujesz ty.
• UX i product design — co powinien czuć użytkownik w danym momencie. AI nie zna twoich użytkowników.
• Bezpieczeństwo — każdy kod dotyczący auth, danych wrażliwych, uprawnień wymaga twojej weryfikacji. AI popełnia błędy w RLS, w walidacji wejścia, w ekspozycji API.
• Złożony stan w dużej bazie kodu — przy projekcie powyżej pewnego rozmiaru AI traci kontekst. Musisz go prowadzić precyzyjnie.

Czego nauczyłem się po drodze

Największa pułapka: traktowanie AI jak automat do kodu. Wklejasz opis, otrzymujesz kod, wklejasz do projektu bez czytania. To kończy się błędami bezpieczeństwa, niespójnym stylem i długiem technicznym, który zrozumiesz dopiero za sześć miesięcy.

Druga pułapka: zbyt ogólne prompty. „Napisz mi aplikację do zarządzania budżetem” daje wynik generyczny i bezużyteczny. „Napisz hook useProjectBudget, który subskrybuje się do tabeli expenses w Supabase przez Realtime, agreguje sumy per category i zwraca isLoading, error, totals oraz addExpense” — daje dokładnie to, czego potrzebujesz.

Vibe coding nie wymaga znajomości każdej linijki kodu. Wymaga precyzyjnego myślenia o problemie — i to jest umiejętność, którą można rozwinąć celowo.

Od czego zacząć

Jeśli chcesz zacząć budować w modelu vibe coding, trzy rzeczy dają największy zwrot:

• Podstawy Git — commit, push, branch, merge. Bez tego nie możesz bezpiecznie eksperymentować. Git to twoja siatka bezpieczeństwa.
• Umiejętność czytania błędów — nie musisz rozumieć każdej linii kodu, ale musisz umieć przeczytać komunikat błędu i wkleić go do AI z kontekstem. To 80% debugowania.
• Podstawy SQL — większość aplikacji ma bazę danych. Rozumienie SELECT, INSERT, JOIN i podstaw schematu pozwala ci prowadzić AI przez warstwy danych.

Następny krok: wybierz narzędzie. Claude Code, Cursor, GitHub Copilot — każde ma swoje mocne strony. Zacznij od jednego, na małym projekcie. Nie od razu od aplikacji z bazą danych.

Jaki problem chciałbyś rozwiązać swoim pierwszym vibe coding projektem?

Autor buduje w modelu vibe coding od 2023 r. Stack naswoim.org: React 19, Supabase, Capacitor. Stack industrverse.com: NestJS, Next.js, PostgreSQL, Redis, Docker. Stack tej strony: Astro SSR, WordPress Headless, Vercel.