Jak to zrobione
Kolofon
Ta strona jest portfolio i dowodem zarazem. Robi to, co głosi: statyczny HTML, ścisłe Content-Security-Policy i ruch zrobiony w CSS.
- Framework
- Astro 6, output statyczny, TypeScript (najściślejszy)
- Style
- Tokeny Tailwind v4 @theme, zero domyślnego wyglądu frameworka
- Typografia
- Archivo + Inter, własne fonty zmienne (Fonts API)
- Ruch
- Natywne osie czasu scrolla + przejścia między dokumentami
- JavaScript
- Poniżej 1 KB, czysty: kinetyczny wordmark + przełącznik motywu
- Bezpieczeństwo
- CSP per strona z hashami z builda, bez unsafe-inline
- Obrazy
- AVIF/WebP przez astro:assets; okładki i banery z sharp
- Treść
- Studia przypadków w MDX przez Content Layer
- Hosting
- Cloudflare Pages, integracja Git, własna domena + Email Routing