Aplikacje webowe — SaaS, dashboardy, narzędzia B2B

Aplikacja webowa to interaktywne oprogramowanie działające w przeglądarce — w przeciwieństwie do strony firmowej (prezentacja + kontakt) lub sklepu (katalog + koszyk). Przykłady: SaaS (CRM, helpdesk, project management), dashboard analityczny (wewnętrzny Business Intelligence), portal klientski (self-service dla Twoich klientów), internal tool (automatyzacja procesów B2B). Inspirax buduje custom aplikacje w stacku Astro + Next.js + React + TypeScript + Cloudflare Workers + Supabase — od MVP w 4–8 tygodni po enterprise platformy w 3–6 miesięcy. Wycena od 29 900 zł (prosty dashboard) po 100–300 tys. zł (complex B2B platforms). Wiktor Śmiech (12 lat web engineering) prowadzi wszystkie projekty osobiście.

Kiedy aplikacja webowa, a kiedy strona firmowa?

Pierwsza i najważniejsza decyzja to czy w ogóle potrzebujesz aplikacji. Wielu klientów przychodzi do nas z prośbą o „aplikację”, a po 15 minutach discovery okazuje się, że wystarczy im strona firmowa z formularzem i CRM (np. HubSpot Free). Oszczędność: 30–80 tys. zł i 3 miesiące pracy.

Z drugiej strony — niektóre firmy próbują wepchnąć logikę aplikacji do strony WordPress z wtyczkami. Efekt: wolne, kruche, nie skaluje się powyżej 50 użytkowników. Poniższa tabela pomoże Ci zdiagnozować, po której stronie jesteś.

Sygnał	Strona	Aplikacja
Celem jest prezentacja firmy i zbieranie leadów	✓
Użytkownicy muszą się logować (konta, hasła, sesja)		✓
Potrzebujesz CRUD (create / read / update / delete) na danych użytkownika		✓
Statyczne treści: produkty, oferty, blog, portfolio	✓
Real-time: live chat, notyfikacje push, streaming danych		✓
Role-based access (admin, manager, user, viewer)		✓
Integracje z zewnętrznym API (płatności, CRM, ERP, Slack)		✓
Budget poniżej 15 000 zł	✓
Logika biznesowa: kalkulatory, wyceny, reguły walidacji		✓
Content marketing + SEO jako główny kanał akwizycji	✓

Reguła kciuka: jeśli zaznaczyłeś 3+ punkty po stronie „Aplikacja” — potrzebujesz custom kodu. Jeśli 1–2 punkty i budget jest ograniczony — zacznij od strony firmowej Business z embedem zewnętrznego narzędzia (Tally, Calendly, Stripe Payment Link), a aplikację zbudujesz w kolejnym roku.

Stack technologiczny — co wybieramy i dlaczego

Nasz „default stack” nie wziął się z mody na Twitterze. Każdy komponent wybraliśmy po 2–3 latach produkcji na różnych projektach. Zawsze wybieramy stack pod projekt, nie dogmat — WordPress jest OK, jeśli klient już ma i team wie, jak go używać.

• Astro 6 — islands architecture, najlepsze Core Web Vitals w ekosystemie, SEO-friendly. Używamy do części „marketing” aplikacji (landing, blog, docs) — tam gdzie zero JS = maksymalny performance. Ograniczone do statycznej zawartości.
• Next.js 15 — dla dashboardów i paneli z SSR, App Router, Server Actions. React Server Components upraszczają fetching danych, a Server Actions eliminują połowę REST API boilerplate.
• React + TypeScript strict — type safety na poziomie kompilacji eliminuje 70% bugów przed deploymentem. Mature ecosystem, łatwo znaleźć developera do utrzymania.
• Cloudflare Workers — edge compute, zero cold start (vs 300–2000 ms na Lambda), 0,25 USD/mln requests (ok. 10× taniej niż Vercel Functions na tej samej skali). 330+ lokalizacji globalnie, P95 latency poniżej 50 ms w Europie.
• Supabase — Postgres + Auth + Storage + Realtime w jednym. Magic link auth out-of-the-box, Row Level Security (RLS) na poziomie bazy, WebSocket subscriptions do real-time UI. Tańsze i bardziej elastyczne niż Firebase.
• Drizzle ORM — type-safe Postgres, generuje typy z DB schema. Lżejszy bundle niż Prisma (30 kB vs 400 kB), działa na Cloudflare Workers bez edge adapter gymnastics.
• Tailwind CSS v4 — utility-first, kompaktowy bundle (8 kB po purge na typowej aplikacji). Oxide engine w v4 kompiluje 10× szybciej niż v3.
• Alpine.js — dla mniejszych interakcji (dropdown, modal, tabs) bez ciężkiego React runtime. 15 kB gzipped vs 140 kB React + React DOM.

4 typy aplikacji, które budujemy

SaaS MVP (od 49 900 zł)

Produkt „as a service” — klienci końcowi płacą subskrypcję, logują się i używają. W zakresie MVP:

• Auth: magic link (bez haseł), opcjonalnie Google/Microsoft SSO, multi-tenant z workspace’ami
• Billing: Stripe (globalnie) lub Przelewy24/Paddle/CashBill (Polska) — subskrypcje, trial period, proration, invoices
• Admin panel: dla Ciebie — zarządzanie użytkownikami, metrics dashboard, impersonation, feature flags
• User dashboard: główne ekrany aplikacji — to, za co klienci płacą
• REST lub GraphQL API: dla integracji i mobile clients w przyszłości
• Webhooks: outgoing (Zapier, Make) i incoming (Stripe, Slack)
• Email transactional: Resend lub Postmark — welcome, notifications, digest

Target: MVP w 4–8 tygodni przy zaangażowaniu 25–40h/tydzień po naszej stronie.

Dashboard analityczny (od 29 900 zł)

Wizualizacja danych dla teamu lub klientów. Zakres:

• Source danych: CSV upload, Google Sheets, REST API, bezpośrednio z Supabase Postgres, BigQuery
• Widgets: charts (Chart.js, Recharts, Tremor), tabele z sortowaniem/filtrowaniem, KPI tiles, mapy ciepła
• Role-based: admin widzi wszystko, viewer tylko swoje dane (Row Level Security)
• Export: PDF, Excel, CSV — jednym kliknięciem
• Scheduled reports: wysyłka raportu na email co tydzień/miesiąc

Target: 3–5 tygodni, idealne dla firm z Excelami rozsianymi po dyskach.

Portal klientski (od 39 900 zł)

Self-service dla Twoich klientów — każdy widzi swoje dane, postępy prac, faktury, raporty. Częsty przypadek: agencje, kancelarie prawne, firmy konsultingowe, dostawcy software house’owych usług. Zakres:

• Dashboard klienta ze statusem projektu i milestones
• Upload dokumentów z signed URLs (bezpieczeństwo)
• Tickets / support flow z historią konwersacji
• Billing: widoczne faktury, status płatności, download PDF
• Notyfikacje: email + in-app

Przykład z naszego backlogu: dashboard w yote.pl/dashboard (Inspirax client portal) — klienci widzą KPI SEO (pozycje, ruch, backlinki), postępy content calendar, miesięczne raporty.

Internal tools (od 24 900 zł)

Automatyzacja procesów biurowych — zamiana Excel workflows na dedykowaną aplikację. Kiedy ma sens:

• Zespół wykonuje ten sam proces 500+ razy miesięcznie (threshold opłacalności vs no-code)
• No-code (Airtable, Zapier, Make) nie daje rady — limity operacji, brak custom logiki, problemy z RODO
• Proces ma wrażliwe dane (PESEL, dane medyczne, finansowe) — musi być on-premises lub na Twoim Cloudflare/Supabase

Typowe use cases: formularz → walidacja → generowanie PDF → podpis cyfrowy → zapis do CRM → email do księgowej. Czas realizacji: 3–6 tygodni.

Nasz proces — 4 kroki

1. Discovery + scope (3 dni)

90-minutowa rozmowa (zdalnie lub w Kielcach/Busku). Poruszamy: cel biznesowy (ile MRR masz dziś, dokąd chcesz dojść), użytkowników (ICP, role, user personas), kluczowe przepływy (co użytkownik robi w 80% przypadków), integracje, kontekst regulacyjny (RODO, DPA, branża regulowana). Dostarczamy: flowchart głównych przepływów, listę user stories z priorytetami (MoSCoW), wycenę przedziałową, harmonogram tygodniowy.

2. Design + architektura (5–10 dni)

Wireframy kluczowych ekranów w Figma (nie pełny design system — to byłby waste na etapie MVP). Decyzje architekturalne spisane jako ADR (Architecture Decision Records) w repo: DB schema, API design, auth flow, hosting, monitoring. Akceptacja przed kodowaniem — nie piszemy linijki kodu przed Twoim sign-off, bo refactor na tym etapie kosztuje 20× mniej niż po wdrożeniu.

3. Development sprint-based (4–16 tygodni)

1–2 tygodniowe sprinty z weekly demo (każdy piątek, 30 min Zoom). Widzisz progress co tydzień, możesz zmienić priorytety — żadnych „zobaczysz po 3 miesiącach”. Stack: TypeScript strict mode, testy jednostkowe (Vitest) dla business logic, testy E2E (Playwright) dla critical paths. CI/CD na GitHub Actions, każdy PR idzie przez code review i preview deployment.

4. Launch + support (30 dni)

Deploy na production (Cloudflare Workers dla backendu, Pages/Workers dla frontendu), setup monitoringu (CF Web Analytics + Sentry dla błędów), runbook z procedurami awaryjnymi. 30 dni post-launch support wliczone: naprawy bugów, drobne zmiany UX, onboarding Twojego zespołu. Potem opcjonalny retainer 2–5h/miesiąc od 900 zł.

Ile to kosztuje — realistyczne przedziały

Każda wycena jest custom, ale poniższe przedziały pochodzą z 40+ zrealizowanych projektów i dają rząd wielkości:

• Proste internal tool (1–2 ekrany, 1 user role, bez integracji): 15 000 – 25 000 zł
• Dashboard analityczny (3–5 ekranów, read-only, 1 źródło danych): 25 000 – 45 000 zł
• Portal klientski (5–10 ekranów, 2–3 role, billing): 35 000 – 70 000 zł
• MVP SaaS (auth + dashboard + billing + 2 user roles + API): 50 000 – 120 000 zł
• Complex B2B platform (integracje z CRM/ERP, multi-tenant, audit log, SOC2-ready): 150 000 – 400 000 zł

Co realnie wpływa na cenę

• Liczba user roles i permissions — każdy dodatkowy role +10–20% czasu (testing matrix rośnie wykładniczo)
• Integracje z external API — każda +5 000 do 20 000 zł (Stripe łatwo, SAP/Salesforce trudno)
• Mobile responsive vs dedicated mobile app — PWA mieści się w cenie, natywna aplikacja to osobny projekt
• Compliance — RODO/DPA mandatory (nie dopłacasz, to baseline), SOC2 dla B2B enterprise: +20 000 do 50 000 zł na audit + dokumentację
• Monitoring + error tracking — Sentry + uptime monitoring wliczone, advanced APM (Datadog) osobno
• Testing coverage — unit testy wliczone, pełny E2E + manual QA team: +15–25% czasu
• Design quality — wireframy wliczone, polished design system z designerem partnerskim: +10 000 do 30 000 zł

Kiedy płacisz więcej, niż powinieneś? Gdy agencja nie zadaje pytań o edge cases w discovery. „Zrobimy wszystko” to red flag — dobra estymata ma przedział (np. 50–80k zł) i listę założeń, które ten przedział określają.

Czego NIE robimy — wykluczenia

Transparentność na etapie discovery oszczędza Ci 3 miesięcy. Oto kategorie projektów, których nie bierzemy:

• Mobile native apps (iOS Swift, Android Kotlin, Flutter) — robimy PWA (Progressive Web App) z install prompt i offline support, co pokrywa 80% przypadków. Dla pełnej natywnej aplikacji polecamy zaufanych specjalistów React Native/Flutter.
• Gry (3D, Unity, Unreal Engine, game engines) — poza naszym scope, inne narzędzia, inne KPI.
• Blockchain / Web3 — smart contracts, NFT, DAO. Obecnie pomijamy — rynek niestabilny, nie mamy wewnętrznej ekspertyzy, którą chcielibyśmy sprzedawać.
• ML/AI heavy apps (training modeli, LLM fine-tuning, computer vision) — możemy integrować istniejące API (OpenAI, Claude, Gemini, Perplexity) i budować UI wokół nich, ale nie trenujemy własnych modeli.
• Legacy migrations jako standalone projekt (PHP 5 / Laravel 4 → Node.js rewrite) — tylko w ramach większego redesignu biznesowego, nie jako „przepisz 1:1 na nowy stack”.
• Projekty bez zdefiniowanego ownera po stronie klienta — musisz mieć człowieka, który podejmuje decyzje w 48h. Inaczej harmonogram się rozjeżdża.

Jeśli Twój projekt wpada w którąś z tych kategorii — chętnie polecimy Ci zaufanych kolegów z branży. Lepiej, żebyś dostał dobry produkt od kogoś innego, niż przeciętny od nas.

Gotowy, żeby zacząć?

Masz pomysł na aplikację? Opisz w 3 zdaniach co ma robić, dla kogo, i jakie jest Twoje deadline — Wiktor oddzwoni w 24h z rough estimate (przedział cenowy + orientacyjny harmonogram). Discovery call jest bezpłatne i bez zobowiązań: jeśli po rozmowie uznamy, że projekt nie pasuje do naszego warsztatu lub odwrotnie — nikt nikogo nie zmusza.

• Formularz: napisz do nas przez /kontakt
• Telefon: +48 536 228 910 (Bartosz, pn–pt 9:00–17:00)
• Email: kontakt@inspirax.pl

Nie wymagamy NDA na pierwszy kontakt — jeśli chcesz, podpiszemy przed discovery call. Wszystkie projekty objęte są mutual NDA i pełną poufnością.

Inne pytania — People Also Ask

• ? Ile kosztuje zbudowanie aplikacji webowej od zera?

  Proste internal tool: 15–25 tys. zł. Dashboard analityczny: 25–45 tys. zł. MVP SaaS: 50–120 tys. zł. Complex B2B platform z integracjami enterprise: 150–400 tys. zł. Cena rośnie z liczbą user roles, integracji z external API oraz wymagań compliance (SOC2, RODO+).

• ? Czy lepiej zbudować aplikację na Next.js czy Astro?

  Next.js dla części aplikacyjnej (dashboard, panel użytkownika) — ma Server Actions, App Router, React Server Components, SSR out-of-the-box. Astro dla części marketingowej (landing, blog, docs) — zero JS bundle, najlepsze Core Web Vitals. W naszych projektach używamy OBU — Astro na marketing, Next.js na app.panel.

• ? Czym Cloudflare Workers różnią się od Vercel / Netlify Functions?

  Workers używają V8 isolates zamiast kontenerów — zero cold start (<5 ms vs 300–2000 ms), globalnie w 330+ lokalizacji, ok. 8–10× taniej na skali (0,25 USD/mln requests vs 2 USD/mln). Ograniczenie: 30 s CPU time (ale 15 min wall time), mniej dojrzały ecosystem niż Vercel, brak Node.js-specific modules (trzeba pisać Web Standards).

Google SERP dla 'custom web app development'

Źródła i dokumentacja

• Astro documentation — oficjalna dokumentacja Astro 6
• Supabase documentation — Auth, Database, Storage, Realtime
• Cloudflare Workers docs — edge runtime, bindings, pricing
• Drizzle ORM docs — type-safe SQL dla TypeScript
• Next.js 15 documentation — App Router, Server Actions, React Server Components