05
Figma + Adobe CC
Projektowanie UI/UX w Figmie (wszystkie projekty), Adobe Illustrator/Photoshop gdy trzeba (identyfikacja, grafiki).
Figmaprimary
Nie wszystko na wszystko. Wybieram Next.js 16 + React 19 + TypeScript strict + Tailwind 4, deploy na Vercel Edge. Headless content, integracje API, Lighthouse 100/100 w standardzie. Zamiast 5 stacków po łebkach — jeden, opanowany do dna.
Wiele agencji oferuje stack na każdą okazję — kreator dla budżetu, klasyczny CMS dla bloga, headless dla startupu, edge framework dla MVP. Brzmi imponująco. W praktyce: każde z tych narzędzi w połowie, żadne do dna. Klient płaci za naukę przy każdym projekcie.
U mnie inaczej. Wybrałem Next.js 16 + React 19 + TypeScript jako jeden, głęboki stack. Pracuję zawodowo przy stronach i aplikacjach od ośmiu lat. Znam App Router, Server Components, RSC streaming, ISR, Turbopack, edge runtime — nie z dokumentacji, z realnych wdrożeń na produkcji.
Dla klasycznych stron firmowych — Next.js + headless JSON CMS (content w bezpiecznym repozytorium, edycja w moim admin panelu, zero baz danych). Dla aplikacji z integracjami API — Next.js + Vercel Functions. Dla MVP startupów — Next.js + Auth0 + Stripe. Jedno API, jedno repo, jeden deploy pipeline. Gdy stack jest opanowany, nie trzeba szukać kompromisów dla budżetu.
Każde wybrane świadomie, każde battle-tested na produkcji. Jeden stack opanowany do dna — szybszy delivery, niższa cena, brak nieprzewidzianych zachowań.
App Router, Server Components, streaming, partial prerendering. Default dla każdego projektu — od wizytówki po MVP startupu. Najnowszy stable.
Strict mode wszędzie, zero 'any' poza wyraźnie udokumentowanymi miejscami, pełna inferencja, Zod do walidacji danych z zewnątrz.
Lightning CSS engine, CSS vars, @theme, container queries. Design tokens przez theme presets per site — nigdy raw kolory.
Content w bezpiecznym repozytorium (szyfrowany AES-256-GCM), edycja w moim admin panelu Next.js, zero baz danych. Wersjonowanie natywne — historia, branches, rollback.
Projektowanie UI/UX w Figmie (wszystkie projekty), Adobe Illustrator/Photoshop gdy trzeba (identyfikacja, grafiki).
Vercel Edge dla aplikacji z funkcjami serwerowymi (darmowy Hobby tier wystarczy). hosting statyczny dla stron statycznych z buildem ISR-style. Hybrid deploy per projekt.
Każdy PR = preview deploy + testy automatyczne. Lint ratchet, audit ratchet, build, vitest — zero merge bez green CI. Husky pre-commit lokalnie.
Automatyzacja treści — copywriting, SEO, tłumaczenia, alt-texty. Wbudowane w admin panel jako AI toolbar. Przyspiesza pracę i obniża koszt — oszczędność trafia w Twoją wycenę.
Unit testy (Vitest 4) co-located ze slicami, E2E smoke suite (Playwright) na realnym Auth0 z test-sandbox content repo. Zero merge bez zielonego CI.
CDN obrazów, auto-format (WebP/AVIF), on-the-fly transformacje, lazy loading przez next/image. Tagowane per site + per page, RBAC dostępu w admin.
Natywne metadata, OpenGraph, Twitter Cards i JSON-LD bezpośrednio w Next.js. Generator schematów per typ strony, walidacja w Rich Results Test.
Email transakcyjny przez Resend 6 — formularze kontaktowe, newsletter double opt-in, powiadomienia z calendar. React Email templates.
Auth0 SDK v4 + legacy HMAC fallback, 4 role (owner/admin/editor/redaktor), 9 uprawnień, rate limiting, CSRF, CSP. Per-tenant cookie override dla admin.
Analytics zawsze w cenie. GA4 + Google Search Console podstawa. PostHog dla funneli i session replay (opcjonalnie). Consent banner z opt-in granularnym.
Wiele agencji obiecuje 'dobierzemy stack pod projekt' — w praktyce mają 5 stacków po łebkach, klient płaci za naukę przy każdym projekcie. Ja poszedłem w drugą stronę: jeden stack, do dna.
Next.js 16 + React 19 + TypeScript strict + Tailwind 4 — codzienna praca od lat. Znam App Router, RSC, ISR, Vercel Functions, edge runtime — nie z dokumentacji, z realnych wdrożeń na produkcji. Gdy klient pyta 'czy nie taniej w jakimś kreatorze?' — pokazuję liczby: Next.js na Vercel Hobby = 0 zł/mies hostingu, zero pluginów do aktualizacji, zero abonamentu (Twoja strona = Twoje repo). W długim terminie wygrywa kosztowo, w krótkim wygrywa Lighthouse'em i developmentem typesafe.
Nie wciskam 'Next.js bo modne'. Wciskam Next.js bo to dziś najsprawniejszy stack do stron produkcyjnych dla MŚP, MVP i aplikacji średniej skali. Gdy projekt naprawdę nie pasuje (np. duża hurtownia B2B z 100k SKU) — szczerze powiem, kogo polecić.
Umów 30-minutowy brief — omówimy Twoje wymagania i pokażę, jak Next.js + headless content rozwiązuje typowy problem MŚP / MVP. Bez 'Next.js bo modne' — z konkretami z realnych wdrożeń.