CSE 134B · Static Site Project

A static site that takes “ship less JavaScript” seriously.

This lab explores how Astro’s static-first rendering makes it easy to publish a lot of content—blog posts, guides, and notes—without turning every page into an app.

Static output

Pure HTML · No hydration

Content model

Astro content collections

Goal

Render a lot, ship a little

Recent thinking

Content collection · Blog

Oct 14, 2024

Designing Reusable Layouts and Components in Astro

How this project factors shared chrome, navigation, and post cards into reusable pieces that keep the static site consistent.

Oct 10, 2024

Astro Content Collections Deep Dive

A practical walkthrough of how content collections keep large sets of Markdown posts organized, type-safe, and queryable.

Oct 5, 2024

Minimal JavaScript Patterns for Static Sites

Patterns you can borrow to keep your Astro site almost entirely static while still feeling thoughtful and modern.