Hello World
Welcome to ShockStack — a convention-first monorepo template.
announcement astro
Blog
Why Convention-First Matters
An opinionated take on why monorepo templates should make decisions for you, not ask you to make them.
architecture opinion
Design Tokens Deep Dive
How a single color value flows from a JSON token through Style Dictionary into CSS variables, Tailwind utilities, and TypeScript constants.
design-tokens css tailwind
Astro + Vue Islands Architecture
When to use Astro components for static content and Vue islands for interactivity — and how hydration strategies affect performance.
astro vue architecture
Tailwind v4: What Actually Changed
The practical differences between Tailwind 3 and 4 — new Vite plugin, CSS-first config, @theme blocks, and how ShockStack uses them.
tailwind css migration
Better Auth in Astro 5
How ShockStack integrates Better Auth for server-side sessions, the Drizzle adapter pattern, protected routes, and client-side auth.
auth astro security
.NET Aspire for Full-Stack Dev
How .NET Aspire orchestrates Postgres, the API, and the Astro frontend with a single command — and why it beats docker-compose for dev.
dotnet aspire devex
Zero-JS Animations With Modern CSS
Scroll-driven animations, enter transitions, and discrete display changes — all in CSS, with no JavaScript and full accessibility.
css animations performance