● Macierz stacku
Co znaczy 'stack' prostym językiem
Stack = narzędzia, które budują, hostują i utrzymują stronę. Zły stack = drogie utrzymanie. Dobry = tanio i szybko.
Domyślnie 2026: prosta strona → Astro + Cloudflare Pages + Markdown. Aplikacje z logowaniem → Next.js 15+ na Vercel. Sklep → Shopify. GSC obowiązkowe dla Google; TikTok opcjonalny.
● Domyślne 2026
Filozofia stacku — kiedy które narzędzie
S-01
Prosta strona
Astro 5 + Cloudflare Pages + Markdown. Hydraulik, prawnik, kawiarnia.
S-02
Aplikacja z logowaniem
Next.js 15+ na Vercel. Bilety, SaaS, dashboardy.
S-03
Sklep
Shopify najpierw. Custom cart gdy revenue uzasadnia koszt dev.
S-04
TikTok vs GSC
GSC pierwsze — darmowy ruch z Google. TikTok gdy możesz filmować pracę co tydzień.
S-05
Yandex
Metrica + Webmaster jeśli klienci RU/UA/BY. Pomiń dla samego Google PL.
● Jak używać stacków
Gotowe zestawy i proste zasady
Wybierz zestaw pod typ projektu, a potem sprawdź zasady zanim kupisz narzędzia albo zaczniesz kod.
B-01Astro + Cloudflare Pages + Markdown + GSC + Google Business Profile
Strona usługowa
Sprzedajesz usługi i chcesz szybkie SEO bez złożonej aplikacji.
Pierwsze kroki
- Napisz jedną ofertę i jedno główne CTA.
- Zbuduj 5 do 7 stron: start, usługi, o nas, kontakt, FAQ.
- Podłącz domenę, formularz, Search Console i mapę firmy.
- Dodaj opinie, godziny i prawdziwe zdjęcia.
Nie rób
- Nie zaczynaj od Next.js.
- Nie dodawaj CMS, jeśli zmiany są rzadkie.
B-02Astro lub Next.js + Markdown + GSC + GA4 albo Plausible
Content site
Publikujesz artykuły, poradniki lub bazę wiedzy.
Pierwsze kroki
- Zrób mapę tematów i stron filarowych.
- Ustal szablon artykułu i zasady linkowania.
- Dodaj sitemap, metadata i stronę autora.
- Odświeżaj słabe strony co miesiąc.
Nie rób
- Nie publikuj AI tekstu bez review.
- Nie rób wielu niemal identycznych artykułów.
B-03Shopify + GA4 + GSC + reklamy później
Sklep
Sprzedajesz produkty i nie chcesz sam utrzymywać checkoutu.
Pierwsze kroki
- Przygotuj produkty, ceny, zdjęcia i wysyłkę.
- Ustaw theme, kolekcje, podatki i strony prawne.
- Zrób realne testowe zamówienie i sprawdź maile.
- Dopiero potem podłącz feedy lub reklamy.
Nie rób
- Nie buduj własnego koszyka na start.
- Nie odpalaj reklam przed działającym checkoutem.
B-04Next.js + Vercel + Supabase + Stripe + email
Wydarzenia i bilety
Sprzedajesz miejsca, bilety lub limitowany dostęp.
Pierwsze kroki
- Najpierw określ poziomy biletów, limit i zwroty.
- Zbuduj checkout, webhooki i zapis biletów.
- Wyślij bilety QR i potwierdzenie mailowe.
- Dodaj widok check-in dla obsługi wydarzenia.
Nie rób
- Nie używaj Astro do płatnych biletów.
- Nie opieraj procesu o ręczne przelewy.
B-05Next.js + Vercel + Supabase + Stripe + auth
SaaS
Potrzebujesz logowania, ról, subskrypcji i stanu użytkownika.
Pierwsze kroki
- Opisz jeden workflow MVP i jeden model cenowy.
- Zdefiniuj role, tabele i dostęp do danych.
- Podłącz billing, portal klienta i sync webhooków.
- Dodaj onboarding, limity i kontakt do supportu.
Nie rób
- Nie zaczynaj od samego landing page.
- Nie pomijaj staging i testów płatności.
B-06n8n + formularze + CRM lub email + logi
Automatyzacja
Potrzebujesz powtarzalnego routingu leadów, alertów lub sync.
Pierwsze kroki
- Narysuj jeden flow na kartce: trigger, akcja, owner.
- Dodaj retry, logi i alert przy błędzie.
- Sprawdź duplikaty i limity API.
- Zapisz krótki runbook przekazania.
Nie rób
- Nie automatyzuj zanim formularz działa.
- Nie uruchamiaj flow bez logów.
● Jak używać stacków
Zasady, które oszczędzają czas
Wybierz zestaw pod typ projektu, a potem sprawdź zasady zanim kupisz narzędzia albo zaczniesz kod.
Zasady, które oszczędzają czas
- Jeśli strona ma mniej niż 10 podstron i nie ma logowania, startuj od Astro.
- Użyj Next.js, gdy potrzebujesz logowania, dashboardów, płatności lub stanu użytkownika.
- Użyj Shopify, gdy główny cel to sprzedaż produktów, a nie budowa software.
- Dodaj Google Search Console zanim wydasz cokolwiek na reklamy.
- Najpierw jeden analytics, drugi dopiero gdy wiesz po co.
- Narzędzia Yandex dodawaj tylko wtedy, gdy odbiorcy faktycznie ich używają.
- Jeśli treści ma edytować osoba nietechniczna codziennie, nie zmuszaj jej do Git od razu.
Kiedy robić upgrade stacku
- Astro → Next.js: pojawia się auth, dashboard, płatność lub stan użytkownika.
- Markdown → CMS: właściciel treści potrzebuje visual editor i publikuje często.
- Shopify → custom commerce: dopiero gdy logika biznesowa uzasadnia koszt dev.
- GA4 / Plausible → PostHog: potrzebujesz event funnel, product metrics lub session replay.
- Bez reklam → reklamy: dopiero gdy strona, formularz i tracking już działają.
Przed launch
- Właściciel umie opisać stronę jednym zdaniem.
- Domena, SSL, formularz i Search Console działają.
- Mobilka jest sprawdzona na prawdziwym telefonie.
- Jest 404, sitemap i robots.
- Po wejściu na stronę jest jasny następny krok.
● Macierz stacku
Co znaczy 'stack' prostym językiem
Stack = narzędzia, które budują, hostują i utrzymują stronę. Zły stack = drogie utrzymanie. Dobry = tanio i szybko.
| Narzędzie | Kategoria | Prosto mówiąc | Użyj gdy | AI | Poziom tech | Koszt |
|---|---|---|---|---|---|---|
| Astro | Generator strony (kod) | Szybkie statyczne strony. Jak broszura, ale z własnym kodem. | Hydraulik, prawnik, kawiarnia — proste strony usługowe | Doskonałe — prosta struktura, AI rzadko psuje build | Początkujący | Darmowy |
| Next.js | Generator strony (kod) | Pełny framework aplikacji. Dla stron działających jak software. | Bilety, SaaS, dashboardy, logowanie | Bardzo dobre — ogromna dokumentacja, ale AI może over-engineerować proste strony | Średni | Niski |
| Cloudflare Pages | Gdzie stoi online | Darmowy hosting dla Astro/statycznych stron. Szybko na całym świecie. | Domyślnie dla prostych stron biznesowych | — | Początkujący | Darmowy |
| Vercel | Gdzie stoi online | Hosting pod Next.js. Podgląd przy każdej zmianie. | Aplikacje Next.js, SaaS, bilety | — | Średni | Niski |
| Markdown files | Jak edytujesz tekst | Pliki tekstowe edytujesz w Cursorze lub GitHub. Bez panelu admin. | Małe strony, jeden edytor, mało utrzymania | — | Początkujący | Darmowy |
| Shopify | Platforma sklepu | Gotowy sklep online. Produkty, koszyk, płatności wbudowane. | Sprzedaż produktów bez kodowania koszyka | — | Początkujący | Średni |
| Supabase | Przechowywanie danych | Baza online + logowanie. Jak arkusz z supermocami. | Bilety, rezerwacje, konta użytkowników | — | Średni | Niski |
| Streamlit | Generator strony (kod) | Szybkie dashboardy w Pythonie. Nie na publiczne strony marketingowe. | Raporty wewnętrzne, narzędzia danych dla zespołu | — | Średni | Niski |
| Stripe | Przyjmowanie płatności | Płatności kartą w custom app. Wymaga konfiguracji developera. | Subskrypcje SaaS, własna sprzedaż biletów | — | Zaawansowany | Niski |
| n8n | Boty i skrypty | Łącz aplikacje wizualnymi workflow. Email → arkusz → Telegram. | Formularz → CRM → powiadomienia | — | Średni | Niski |
| Google Analytics 4 | Kto wchodzi i co robi | Darmowe statystyki Google: wizyty, strony, skąd przychodzą. | Domyślna darmowa analityka z lejkami i linkiem do Google Ads | — | Początkujący | Darmowy |
| Plausible | Kto wchodzi i co robi | Proste statystyki privacy-friendly. Jeden skrypt, czysty panel. | Beginner chcący liczby bez złożoności GA4 | — | Początkujący | Niski |
| Umami | Kto wchodzi i co robi | Analityka open-source do self-host. Jak Plausible, DIY. | Strony privacy-first z kimś kto hostuje mały serwer | — | Średni | Darmowy |
| Yandex Metrica | Kto wchodzi i co robi | Analityka Yandex. Niezbędna dla odbiorców RU/UA/BY. | Strona po rosyjsku lub klienci CIS | — | Początkujący | Darmowy |
| Microsoft Clarity | Kto wchodzi i co robi | Darmowe heatmapy i nagrania sesji. Gdzie ludzie rage-clickują. | Debugowanie mylących formularzy i layoutów po launchu | — | Początkujący | Darmowy |
| PostHog | Kto wchodzi i co robi | Analityka + feature flags + replay dla aplikacji produktowych. | SaaS i aplikacje ze śledzeniem user journey | — | Średni | Niski |
| Google Ads | Płatny ruch | Płać Google za pokazanie strony gdy ludzie szukają usługi. | Lokalne wyszukiwanie z intencją po stronie + GSC | — | Początkujący | Średni |
| Meta Ads | Płatny ruch | Reklamy Facebook i Instagram. Dobre dla usług wizualnych i retargetingu. | Salon, remont, jedzenie — wszystko fotogeniczne | — | Początkujący | Średni |
| TikTok Ads | Płatny ruch | Płatny zasięg na TikTok. Dopiero gdy organiczny TikTok ma trakcję. | Młoda publiczność, wizualne zawody, oferty viral-friendly | — | Początkujący | Średni |
| Yandex Direct | Płatny ruch | Płatne wyszukiwanie Yandex. Odpowiednik Google Ads dla RU/UA/BY. | Rynek CIS z udziałem wyszukiwarki Yandex | — | Początkujący | Średni |
| TikTok Business | Social i obecność lokalna | Konto firmowe TikTok z analityką i linkiem do strony w bio. | Zawody, jedzenie, beauty — pokaż prawdziwą pracę w 15–30 sek | — | Początkujący | Darmowy |
| Social i obecność lokalna | Portfolio zdjęć + Stories + Reels. Tuż użyj klipów z TikTok. | Marki wizualne, usługi lokalne, cross-post z TikTok | — | Początkujący | Darmowy | |
| Google Business Profile | Social i obecność lokalna | Pinezka w Google Maps z telefonem, godzinami, opiniami. Darmowe leady. | Każda firma lokalna z adresem lub obszarem usług | — | Początkujący | Darmowy |
| Google Search Console | Narzędzia indeksacji | Darmowe narzędzie Google: czy strona jest w indeksie, jakie zapytania dają kliknięcia. | Każda publiczna strona do pokazania w Google | — | Początkujący | Darmowy |
| Bing Webmaster | Narzędzia indeksacji | To samo co GSC ale dla Bing. Import z GSC jednym kliknięciem. | Dodatkowa widoczność w wyszukiwarce za 10 minut | — | Początkujący | Darmowy |
| Yandex Webmaster | Narzędzia indeksacji | Narzędzie indeksacji Yandex. Odpowiednik GSC dla Yandex. | Strony rosyjskie/cyrylica i odbiorcy CIS | — | Początkujący | Darmowy |
| Remix | Wybór frameworka 2026 | Framework pod formularze i szybkie ładowanie danych. Strony-aplikacje. | Aplikacje z formularzami, dashboardy z danymi serwera | Dobre — mniejsza społeczność niż Next.js, AI może halucynować API | Średni | Niski |
| SvelteKit | Wybór frameworka 2026 | Szybkie, lekkie strony i aplikacje. Mniej boilerplate niż React. | Aplikacje wrażliwe na wydajność gdy zespół zna Svelte | Umiarkowane — rosnące wsparcie AI, mniej odpowiedzi SO | Średni | Niski |
| Nuxt | Wybór frameworka 2026 | Framework na Vue. Mocny dla stron content i agencji EU. | Zespół Vue, wielojęzyczny content, strony marketingowe | Dobre dla użytkowników Vue — AI zna Vue 3, Nuxt 4 mniej niż Next | Średni | Niski |