Як зроблено
Колофон
Цей сайт - і портфоліо, і доказ. Він робить те, що проповідує: статичний HTML, суворий Content-Security-Policy і рух на CSS.
- Framework
- Astro 6, static output, TypeScript (strictest)
- Styling
- Tailwind v4 @theme tokens, no default framework look
- Type
- Archivo + Inter, self-hosted variable fonts (Fonts API)
- Motion
- Native CSS scroll timelines + cross-document view transitions
- JavaScript
- Under 1 KB, vanilla: kinetic wordmark + theme toggle
- Security
- Per-page CSP with build-time hashes, no unsafe-inline
- Images
- AVIF/WebP via astro:assets; covers + banners built with sharp
- Content
- MDX case studies via the Content Layer glob loader
- Hosting
- Cloudflare Pages, Git integration, custom domain + Email Routing
Вихідний код на GitHub. Дивіться також, чим я користуюся.