Creator — Building a Ghost Theme (Work Log)

Back to project

Building Creator, a free open-source multipurpose Ghost theme — documented step by step, in the open.

Build log 13 Jul 2026 1 min read

Part 13 — Setting up the build and dev workflow

Wired the CSS build into npm scripts so editing is fast.

Scripts

"dev":   "tailwindcss -i ./assets/css/main.css -o ./assets/built/screen.css --watch",
"build": "tailwindcss -i ./assets/css/main.css -o ./assets/built/screen.css --minify",
"zip":   "npm run build && ..."

The loop

  1. npm run dev in one terminal (watches CSS).
  2. ghost restart only when adding new templates.
  3. Refresh browser for CSS/markup changes.

Gotcha

Reference built CSS with {{asset "built/screen.css"}} so Ghost cache-busts it.

Advertisement