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.

7 Cloudflare Pages projectów
92 strony
156k logicznych linii kodu
524 zautomatyzowanych testów
10 warstw 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

Failover & Disaster Recovery

Primary origin w Warszawie (hetzner). Fallback na Azure (secundary). Ręczne DNS failover. Smoke tests. Monthly drill. Terraform state backup.

Primary origin (hetzner.com)
Secondary origin (Azure)
Manual DNS failover
Tested monthly
Terraform state snapshots
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.