<- All posts

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

  1. Scaffold with pnpm create astro@latest and pick the minimal template.
  2. Drop in the design tokens file and wire Tailwind to read from CSS variables.
  3. Define content collections early — even if there’s only one entry.
  4. Add the shared Layout, Header, and Footer before writing any page.
  5. 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.

// stuck on something similar?

Let's debug it together

Book a call More posts