Tutorials
GitHub Pages: Kostenlose Websites für jedes Projekt
Drei Dinge, die du brauchst
Wusstest du, dass du Zugang zu einem kostenlosen und sicheren Hosting-Service auf GitHub hast? GitHub Pages verwandelt jedes Repository mit einer statischen Website in eine Live-Site - komplett gratis.
Du brauchst nur drei Dinge: Ein GitHub-Konto, ein Projekt zum Deployen und ein paar Minuten Zeit. Das war’s.
Zwei Wege zum Ziel
Es gibt zwei Möglichkeiten, dein Projekt auf GitHub Pages zu veröffentlichen: Deployment von einem Branch oder über GitHub Actions.
Für das Branch-Deployment gehst du zu Settings > Pages und wählst “Deploy from a branch”. Dann wählst du den main-Branch aus und speicherst. Fertig - die Website ist öffentlich erreichbar.
Die GitHub Actions-Methode ist flexibler. Unter Settings > Pages wählst du “GitHub Actions” als Quelle. GitHub schlägt passende Workflows vor - für Next.js zum Beispiel einen kompletten Build-and-Deploy-Workflow. Du überprüfst die workflow-Datei, committest die Änderungen, und die Actions erledigen den Rest.
Praktische Schritte
Nach dem Commit wechselst du zum Actions-Tab und wartest auf den Abschluss des Workflows. Sobald er fertig ist, findest du unter Settings > Pages die URL deiner veröffentlichten Website. Alternativ erscheint ein “View deployment”-Button direkt im Actions-Run.
GitHub Pages unterstützt statische Sites aus jedem Framework: Next.js, Hugo, Jekyll, React, Vue - solange der Output statisches HTML, CSS und JavaScript ist, funktioniert es.