This blog
· 1 min read · source code · demo
The site you’re reading right now. Built with Astro and Content Collections (schema typed with Zod), styled with Tailwind CSS v4 and the @tailwindcss/typography plugin.
Principles
- Zero CMS: each article or project is a folder with an
index.mdfile insrc/content/articles/orsrc/content/projects/, images included right next to it. - Automatic routing: pages are generated from the collections via
getStaticPaths, no route to write by hand. - Almost no JS: only the “copy code” button and the light/dark theme switch load a bit of JavaScript; everything else is static HTML/CSS.
- Syntax highlighting via Shiki, with distinct light and dark themes.
repoandlinkabove are examples — replace them with the real URLs of your own repository and live site.