Skip to content
wojciech.io
Produkcyjny stack

Na czym ta strona
naprawdę się opiera.

Zweryfikowane z repo, a nie z pamięci. Każda warstwa poniżej jest w produkcji dzisiaj na wojciech.io i jego subdomenach. Jeśli narzędzie znajduje się na tej stronie, to się opłaca.

7Cloudflare Pages projectów
92strony
156klogicznych linii kodu
524zautomatyzowanych testów
10warstw stacku

01

Architektura

Monorepo npm-workspaces. Astro 6 na Cloudflare Pages. Siedem powierzchni, siedem projektów Pages: wojciech.io, app, growthhub, academy, notch, subscribe, dev. Pakiety wspólne: @wojciech/tokens, @wojciech/ui, @wojciech/mdx-components.

Astro 6 + MDX
Cloudflare Pages (7 projektów)
npm workspaces (apps/* + packages/*)
@wojciech/tokens · @wojciech/ui · @wojciech/mdx-components

02

Frontend

Tailwind CSS 4 napędzany tokenami CSS custom-prop. Geist do typografii. Lenis + Motion do animacji. Pagefind do wyszukiwania statycznego. Satori + resvg-js do OG.

Tailwind CSS 4 + CSS custom props
Geist (fontface + variable)
Pagefind (offline search)
Lenis (scroll smoothing)
Motion (animation sequencing)
Satori + resvg-js (OG generation)

03

Backend & API

Pages Functions (TypeScript) obsługujące kontakt, subskrypcje i integracje. Durable Objects do utrzymywania stanu. D1 (SQLite) do analityki. DeepL API do tłumaczeń, PostHog do telemetrii.

Cloudflare Pages Functions
Durable Objects (state management)
D1 (SQLite)
DeepL API (tłumaczenia)
PostHog (analytics telemetry)
Resend (email delivery)

04

Dane & Przechowywanie

Zbiory treści (MDX) dla artykułów i case studies. Geist dla struktury schematu JSON. KV do cache'ingu, D1 do analytics. Supabase dla akademii (poza głównym repo).

Astro Content Collections
KV (cache, session state)
D1 (analytics warehouse)
Supabase (app.wojciech.io)
Schema.org microdata

05

Deploy & CI

GitHub Actions uruchamiane na push do main. Wrangler wdraża na Cloudflare Pages. Terraform dla infrastruktury (DNS, KV, D1). Release Please do automatycznych bump'ów wersji.

GitHub Actions (CI)
Wrangler (deployment)
Terraform (IaC)
Release Please (versioning)
Conventional Commits

06

Bezpieczeństwo & Compliance

Gitleaks skanuje każdy PR. npm audit na high/critical. Semgrep SAST. CodeQL analizuje kod. Content guard blokuje NDA client names. CSP headers. Branch protection.

Gitleaks (secret scanning)
npm audit (dependency scan)
Semgrep SAST
CodeQL (code analysis)
Content guard (pre-commit)
CSP headers
Branch protection rules

07

Testing & Observability

Vitest dla unit testów. Playwright dla e2e. Lighthouse CI. Smoke tests. Sentry dla error tracking. PostHog dla usage analytics. Better Stack dla uptime.

Vitest (unit tests)
Playwright (e2e)
Lighthouse CI
Sentry (error tracking)
PostHog (analytics)
Better Stack (uptime)

08

Odporność

Cloudflare Pages serwuje każdą stronę z brzegu sieci. BetterStack sprawdza każdą subdomenę co trzy minuty, a test dymny w Playwright sprawdza produkcję każdego ranka. Wycofanie zmiany to git revert, który niczego nie niszczy.

Cloudflare Pages na brzegu sieci
BetterStack co 3 minuty
Codzienny test dymny w Playwright
Wycofanie przez git revert
Następny krok

Chcesz zobaczyć coś z tego w akcji

Jeśli coś na stronie jest interesujące w kontekście tego, co budujesz, napisz mi a zobaczymy to razem.