Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).

Statisches Hosting aus Git-Repositories: Anbieter & Preise¶

Statisches Hosting direkt aus einem Git-Repository bedeutet: Ein git push löst automatisch Build und Deployment aus — ohne manuellen Datei-Upload, ohne eigenen Server. Der Anbieter beobachtet das Repository per Webhook, baut die Seite (z. B. mit Hugo, Zensical, Astro oder einem reinen HTML-Ordner) und stellt sie über ein CDN aus.

Wie die Pipeline funktioniert¶

graph LR
    A["git push"] --> B["Webhook löst Deployment aus"]
    B --> C["Build-Schritt (z. B. zensical build, Hugo, Astro)"]
    C --> D["Statische Dateien auf CDN verteilt"]
    D --> E["Live unter Subdomain / eigener Domain"]

Worauf beim Vergleich achten¶

Vergleichstabelle: kostenlose Kontingente & Einstiegspreise¶

Gruppierung nach Anwendungsfall¶

Reine Git-Pages-Dienste¶

GitHub Pages, GitLab Pages und Codeberg Pages sind an die jeweilige Code-Hosting-Plattform gebunden. Keine separate Anmeldung nötig, kein Vendor-Lock-in über proprietäre Build-Formate hinaus — ideal für Projektseiten, Dokumentation (wie diese hier) und persönliche Blogs.

Jamstack-Plattformen¶

Netlify, Vercel, Cloudflare Pages und Render sind spezialisierte Hosting-Anbieter mit Preview-Deployments pro Pull Request, Serverless Functions und CDN als Kernprodukt. Hier lohnt sich der Umstieg, sobald Formulare, A/B-Tests oder dynamische API-Routen neben dem statischen Teil gebraucht werden.

Cloud-Provider-Integration¶

AWS Amplify Hosting, Azure Static Web Apps, Firebase Hosting und DigitalOcean App Platform binden das Static-Hosting in ein größeres Cloud-Ökosystem ein — sinnvoll, wenn Backend, Datenbank oder Auth bereits beim selben Anbieter laufen und eine gemeinsame Rechnung gewünscht ist.

Entscheidungshilfe¶

graph TD
    Start{"Wichtigstes Kriterium?"} -->|"Repo liegt bereits auf GitHub/GitLab, keine Zusatzkosten"| A["GitHub Pages / GitLab Pages / Codeberg Pages"]
    Start -->|"Größtes Free-Kontingent für reinen Traffic"| B["Cloudflare Pages"]
    Start -->|"Beste DX für Next.js/React, PR-Previews"| C["Vercel"]
    Start -->|"Formulare & Functions ohne Zusatz-Setup"| D["Netlify"]
    Start -->|"Bereits in AWS/Azure/Google-Cloud-Rechnung"| E["AWS Amplify / Azure Static Web Apps / Firebase Hosting"]
    Start -->|"Statische Site neben bestehenden Droplets/Diensten"| F["DigitalOcean App Platform / Render"]

Beispiel-Konfiguration¶

# .github/workflows/deploy.yml
name: Deploy to GitHub Pages
on:
  push:
    branches: [main]
jobs:
  build-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Build
        run: npm ci && npm run build
      - name: Deploy
        uses: peaceiris/actions-gh-pages@v4
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dist

[build]
  command = "npm run build"
  publish = "dist"

[build.environment]
  NODE_VERSION = "20"

🔗 Verwandte Themen¶

• Deployment mit KI — CI/CD-Pipelines, Blue-Green- und Canary-Strategien für dynamische Anwendungen
• KVM-Server mieten — Alternative, wenn eigenes Server-Hosting statt verwaltetem Static-Hosting gebraucht wird
• Webentwicklung/Übersicht — zurück zur Übersicht

Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).