Node Build Starter-Template (2025): Tailwind, Partials, , AVIF/WebP, Sitemap & Backup

~8 Min. Lesezeit · Veröffentlicht am 11. September 2025

Mit diesem Starter-Template hast du in wenigen Minuten eine komplette Build-Umgebung für moderne statische Seiten: Tailwind, Partials, Minify, Bild-Derivate in AVIF/WebP, Sitemap-Erstellung und iCloud-Backup – alles fertig vorkonfiguriert.

Features auf einen Blick

Quickstart

# Abhängigkeiten installieren
npm i -D fs-extra fast-glob minimist html-minifier-terser esbuild tailwindcss postcss autoprefixer sharp svgo

# DEV-Build (schnell, Bilder nur kopiert)
npm run dev

# Voller Build (inkl. Bilder, Sitemap, Backup)
npm run build

# Backup erzeugen (lokal + iCloud)
npm run backup

Ordnerstruktur

projektname/
  ├─ src/            (Quellcode: HTML, Partials, CSS, JS, Bilder)
  ├─ scripts/        (build.mjs, images.mjs, backup.mjs)
  ├─ dist/           (Build-Ergebnis)
  ├─ backup/         (lokale ZIP-Backups)
  ├─ package.json
  └─ tailwind.config.js

NPM-Scripts

• npm run dev – schneller DEV-Build (Bilder kopiert, kein Sharp)
• npm run build – voller Build inkl. Bild-Derivate, Sitemap, iCloud-Kopie
• npm run images – Bilder separat erzeugen (Sharp)
• npm run backup – ZIP-Backup (lokal + iCloud, max. 5 Dateien)
• npm run tw – Tailwind CSS einmalig bauen
• npm run clean – dist/ bereinigen

„Ein Starter-Template spart Zeit, reduziert Fehler und sorgt dafür, dass man sich auf Inhalte statt auf Setup konzentrieren kann.“

– Sven Muscheid

Willst du tiefer einsteigen, wie die einzelnen Schritte technisch umgesetzt sind? Dann lies meinen Artikel Build-Pipeline mit Node & html-minifier-terser.
👉 Den vollständigen Code findest du auf GitHub: smu-essen/node-tailwind-build-starter
📦 Direkt-Download als ZIP: 👉 Zum aktuellen Release (ZIP-Download)