How I set up a new Astro project in 10 minutes
My standard operating procedure for spinning up an Astro project: tokens, layout, content collections, and a deploy that just works.
Dummy content — placeholder for a real post.
The goal
A repeatable setup so every new project starts from the same clean base instead of copy-pasting from the last one.
Steps
- Scaffold with
pnpm create astro@latestand pick the minimal template. - Drop in the design tokens file and wire Tailwind to read from CSS variables.
- Define content collections early — even if there’s only one entry.
- Add the shared
Layout,Header, andFooterbefore writing any page. - Connect the repo to the host and confirm a preview deploy on the first push.
Why it works
The first ten minutes set the tone for the whole project. Getting structure right up front means every later page is a fill-in-the-blanks job, not a fresh decision.