Statische Website hosten

Eine statische Website ist die einfachste Art von Website, die man hosten kann: ein Ordner mit Dateien, der genau so an die Besucher ausgeliefert wird. Diese Anleitung erklärt, was das bedeutet, welche drei Wege zum Veröffentlichen es gibt, wie du die Seite aktualisierst und auf deine eigene Domain legst.

Was eine statische Website ist

Eine statische Website besteht aus fertigen Dateien: HTML, CSS, JavaScript, Bildern und Schriften. Dahinter gibt es kein PHP und keine Datenbank, also nichts zu patchen und wenig, das kaputtgehen kann.

Sie passt gut für:

• Ein Portfolio, eine Landingpage, eine Dokumentation oder eine kleine Firmenseite.
• Alles, was du mit einem Generator wie Hugo, Jekyll, Astro oder Vite baust. Du veröffentlichst das fertige Ergebnis, nicht das Projekt.

Sie passt nicht für Seiten, die einen Login, einen Shop oder ein auf dem Server verarbeitetes Kontaktformular brauchen. Für eine Seite, die du im Browser bearbeitest, siehe WordPress-Seite starten.

Deine Startseite muss eine Datei mit dem Namen index.html sein.

1. Die App bestellen

1. Melde dich im Panel an, öffne Apps in der Seitenleiste und klicke auf App erstellen.
2. Wähle unter Vorlage die statische Seite aus. Du findest sie unter Statische Seiten.
3. Wähle unter Paket ein Paket und stelle die Ressourcen mit den Reglern ein.
4. Trage unter Details den Anzeigename ein. Schalte SFTP-Zugriff ein, wenn du Dateien mit einem SFTP-Programm hochladen willst und dein Paket das enthält.
5. Setze den Haken bei der Bestätigung, klicke auf App bereitstellen und bezahle.

Wenn der Status Läuft zeigt, steht in der Karte Zugriff auf der App-Seite die Adresse deiner Seite. Klicke auf Öffnen. Bis du etwas veröffentlichst, siehst du eine Platzhalterseite.

2. Deine Dateien veröffentlichen

Die Karte Inhaltsquelle auf der App-Seite legt fest, woher deine Seite kommt. Es gibt drei Wege.

Möglichkeit A: Dateien selbst hochladen

Das geht, solange in der Karte Inhaltsquelle keine Quelle verbunden ist.

• Dateibrowser: Klicke auf der App-Seite auf Hochladen oder ziehe Dateien in die Liste. Mit Neuer Ordner legst du Ordner an. Klicke auf eine Textdatei, um sie im Browser zu bearbeiten, und klicke auf Speichern.
• SFTP: Wenn du die App mit SFTP bestellt hast, zeigt die Karte SFTP-Zugriff Host, Port und Benutzername. Klicke auf Passwort festlegen (mindestens 12 Zeichen) oder auf Schlüssel hinzufügen und verbinde dich mit einem SFTP-Programm wie FileZilla oder WinSCP.

Möglichkeit B: Ein Archiv hochladen

1. Packe deine fertige Seite als .zip, .tar oder .tar.gz. Das Archiv darf bis zu 48 MB groß sein.
2. Klicke in der Karte Inhaltsquelle auf Archiv hochladen und wähle die Datei aus.
3. Das Panel entpackt sie und startet die Seite mit dem neuen Inhalt neu.

Ein einzelner Ordner, der deine Dateien umschließt, wird automatisch entfernt. Das Archiv ersetzt alles, was gerade auf der Seite liegt, auch selbst hochgeladene Dateien.

Möglichkeit C: Ein GitHub-Repository verbinden

1. Klicke in der Karte Inhaltsquelle auf GitHub verbinden. Der Dialog Ein GitHub-Repository verbinden öffnet sich.
2. Klicke unter Konto beim ersten Mal auf Die GitHub-App installieren. GitHub fragt, welche Repositories das Panel lesen darf. Danach kommst du zurück ins Panel.
3. Wähle dein Konto, dann ein Repository und einen Branch.
4. Klicke auf Verbinden & ausrollen.

Das Panel veröffentlicht die Dateien des Repositorys so, wie sie sind, und sie ersetzen den bisherigen Inhalt. Es führt keinen Build für dich aus. Wenn du einen Generator nutzt, committe das fertige Ergebnis oder lass deinen eigenen Workflow es in einen Branch pushen.

Das Veröffentlichungsverzeichnis

Liegen deine fertigen Dateien in einem Unterordner, zum Beispiel dist oder public? Trage den Ordnernamen in der Karte Inhaltsquelle bei Veröffentlichungsverzeichnis ein und klicke auf Speichern. Lass das Feld leer, wenn index.html auf der obersten Ebene liegt. Eine Änderung veröffentlicht die Seite neu.

3. Die Seite aktualisieren

Wie du aktualisierst, hängt vom gewählten Weg ab:

• Eigene Dateien: Lade die Dateien hoch oder bearbeite sie. Änderungen sind sofort online.
• Archiv: Klicke auf Archiv ersetzen und lade die neue Version hoch.
• GitHub: Pushe in den verbundenen Branch. Jeder Push in diesen Branch veröffentlicht die Seite automatisch. Mit Neu ausrollen veröffentlichst du den aktuellen Stand von Hand, mit Repository wechseln wählst du ein anderes Repository oder einen anderen Branch.

Solange ein Archiv oder GitHub verbunden ist, wird die Seite aus dieser Quelle ausgeliefert, und die Karte SFTP-Zugriff ist ausgeblendet. Ändere deine Inhalte in der Quelle, nicht im Dateibrowser. Um die Dateien wieder selbst zu verwalten, klicke auf Trennen.

4. Deine eigene Domain nutzen

1. Gehe auf der App-Seite zur Karte Eigene Domains und klicke auf Domain hinzufügen.
2. Trage deine Domain ein, zum Beispiel www.example.com, und folge den angezeigten DNS-Anweisungen.
3. Warte, bis die Domain als verifiziert angezeigt wird. HTTPS wird für dich eingerichtet.

Alle Schritte stehen in Eigene Domain mit einer App verbinden. Noch keine Domain? Siehe Domain registrieren.

5. Sicherungen

Die Karte Sicherungen listet die Sicherungen auf, die das Panel automatisch erstellt, und mit Sicherung erstellen machst du sofort eine. Mehr dazu in App sichern und wiederherstellen.

Bei statischen Seiten gilt: Solange der Inhalt aus einem Archiv oder von GitHub kommt, lässt sich keine Sicherung wiederherstellen. Veröffentliche stattdessen die gewünschte Version aus ihrer Quelle.