Deployment
Auf dieser Seite
Ein sitelo-Build besteht aus schlichten statischen Dateien: sitelo build schreibt HTML, CSS und JS nach dist/. Jeder statische Hoster funktioniert — die Konfigurationen unten setzen lediglich npm run build → dist/ voraus.
Saubere URLs sind Verzeichnisse mit einer index.html (/about/index.html → /about), deshalb funktionieren hübsche URLs sofort und ohne Weiterleitungsregeln. Eine 404.html entsteht automatisch — genau die Konvention, die Netlify, Cloudflare Pages und GitHub Pages verstehen.
Kopierfertige Fassungen von all dem stecken im Basis-Beispiel (examples/basic im Repository).
Netlify
[build]
command = "npm run build"
publish = "dist"Vercel
{
"$schema": "https://openapi.vercel.sh/vercel.json",
"framework": null,
"buildCommand": "npm run build",
"outputDirectory": "dist",
"installCommand": "npm install"
}Cloudflare Pages
Builds über das Dashboard: Build-Befehl npm run build, Ausgabeverzeichnis dist. Oder per CLI ausliefern mit npx wrangler pages deploy dist.
# Cloudflare Pages
name = "my-site"
compatibility_date = "2025-01-01"
pages_build_output_dir = "dist"AWS Amplify
# AWS Amplify Hosting
version: 1
frontend:
phases:
preBuild:
commands:
- npm install
build:
commands:
- npm run build
artifacts:
baseDirectory: dist
files:
- '**/*'
cache:
paths:
- node_modules/**/*Für schlichtes S3 + CloudFront: npm run build, dann dist/ mit dem Bucket synchronisieren.
GitHub Pages
# GitHub Pages
name: Deploy
on:
push:
branches: [main]
permissions:
contents: read
pages: write
id-token: write
jobs:
deploy:
runs-on: ubuntu-latest
environment:
name: github-pages
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: 20
- run: npm ci && npm run build
- uses: actions/upload-pages-artifact@v3
with:
path: dist
- uses: actions/deploy-pages@v4Du lieferst unter einem Unterpfad aus (user.github.io/repo)? Dann baue mit --base /repo/.
Vor dem Ausliefern
- Setze
siteinsitelo.config.js, damit diesitemap.xmlerzeugt wird — siehe Konfiguration - Lege eine
src/404.ht.jsan, um eine Fehlerseite im eigenen Look zu bekommen (sonst wird eine schlichte Standardseite erzeugt) sitelo previewserviert den Produktions-Build lokal für eine letzte Kontrolle