So hostest du eine einfache HTML-Datei kostenlos (ohne einen 'Webhoster' zu bezahlen)

Inhaltsverzeichnis

Du hast eine einzelne HTML-Datei geschrieben. Vielleicht etwas CSS, vielleicht ein bisschen JavaScript. Jetzt googelst du “wie hoste ich eine Website” und landest auf einer Seite, die dir sagt, du sollst einen Shared-Hosting-Tarif für 9,99 $/Monat kaufen, eine “Hosting-Stufe” wählen und einen cPanel-Account einrichten, von dem du noch nie gehört hast.

Nichts davon ist nötig. Eine einfache HTML-Datei, oder eine kleine statische Website mit einer Handvoll Seiten, kann kostenlos und für immer gehostet werden, auf Infrastruktur, die von Cloudflare oder GitHub betrieben wird. Keine Kreditkarte. Kein “Starter-Plan”. Keine Verlängerungspreis-Falle, die im zweiten Jahr auf dich wartet.

Das ist der Teil der Hosting-Branche, den Billig-Hoster nicht bemerken sollen: Statisches Datei-Hosting kostet den Anbieter fast nichts zum Ausliefern, weil kein serverseitiger Code läuft und keine Datenbank zu verwalten ist. Es sind nur Dateien, ausgeliefert von einem CDN. Trotzdem wird es irgendwie in derselben Box verkauft wie ein voller LAMP-Stack mit MySQL-Datenbank und PHP-Ausführung, zum selben Preis. Das ist der Aufschlag, den du für eine Aufgabe zahlen sollst, die ihn nicht erfordert.

Dieser Guide behandelt die zwei Hoster, die wirklich kostenlos sind (nicht “kostenlose Testphase”, nicht “30 Tage gratis”), ein paar löbliche Erwähnungen mit echten Einschränkungen, und dann den ehrlichen Teil: wann ein statischer Datei-Hoster tatsächlich aufhört zu genügen, und wozu du stattdessen greifst.

Was statisches Hosting bedeutet (und wann es genügt)

“Statisch” bedeutet, dass die Dateien, die du hochlädst, exakt das sind, was der Browser des Besuchers empfängt. HTML, CSS, JavaScript, Bilder, Schriften. Es läuft kein Server, der deinen Code bei jeder Anfrage ausführt, keine Datenbank wird abgefragt, kein PHP-Interpreter sitzt hinter den Kulissen. Die Aufgabe des Hosters ist einfach, deine Dateien zu speichern und sie jedem, der fragt, so schnell wie möglich auszuhändigen, meist aus einem globalen Netzwerk von Edge-Servern.

Das klingt eingeschränkt, und in einem Sinn ist es das: Auf dem Server passiert nichts. Aber “auf dem Server passiert nichts” beschreibt mehr vom Web, als die Hosting-Branche zuzugeben mag. Statisches Hosting deckt wirklich ab:

  • Eine Landingpage für ein Produkt, ein Event oder ein Unternehmen
  • Eine Portfolio-Website
  • Dokumentation für ein Projekt oder eine API
  • Einen Lebenslauf oder eine persönliche Website
  • Eine kleine Broschüren-Website für ein lokales Unternehmen ohne Buchungssystem
  • Alles, was mit einem Static-Site-Generator (Astro, Hugo, Eleventy, Jekyll) gebaut wurde und beim Build-Vorgang reines HTML ausgibt

Moderne JavaScript-Frameworks verwischen die Grenze ein wenig. Websites, die mit React, Vue oder einem Static-Site-Generator gebaut wurden, können trotzdem als statische Dateien ausgeliefert werden, wenn sie kein Live-Backend brauchen, sie werden vor dem Hochladen einfach zu HTML/CSS/JS kompiliert (“gebaut”). Wenn deine Website keine Daten speichern muss, die ein Besucher übermittelt, keine Leute einloggen und keine Seite je nach Anfragendem unterschiedlich generieren muss, ist sie ein Kandidat fürs statische Hosting. Wenn sie irgendetwas davon doch braucht, lies weiter, wir kommen später in diesem Beitrag zur ehrlichen Grenze.

Option 1: Cloudflare Pages (kostenlos)

Cloudflare Pages ist für die meisten Leute, die fragen “wo lege ich diese HTML-Datei hin”, die beste Standardantwort, die es heute gibt. Du verbindest entweder ein GitHub-/GitLab-Repository (sodass jeder Push die Website automatisch neu baut und neu deployt) oder du ziehst einen Ordner mit Dateien per Drag-and-drop direkt ins Dashboard für ein sofortiges Deploy. Für eine einfache HTML-Website ist kein Build-Schritt nötig, wenn du statische Dateien hast, kannst du in unter einer Minute live sein.

Was wirklich kostenlos ist, ohne Sternchen:

  • Hosting für statische Websites, mit deinen Dateien ausgeliefert aus einem großen globalen Netzwerk von Edge-Standorten
  • Eine kostenlose pages.dev-Subdomain in dem Moment, in dem du deployst
  • Automatisches SSL/HTTPS auf dieser Subdomain und auf jeder eigenen Domain, die du anhängst
  • Git-basierte Deploys, sodass ein Push in dein Repo automatisch einen neuen Build auslöst
  • Das Anhängen deiner eigenen Domain (wenn die Domain bereits Cloudflares Nameserver nutzt, geht das nahezu sofort)

Die Vorteile: Es ist schnell (Cloudflares Edge-Netzwerk ist eines der größten der Branche), der kostenlose Tarif ist keine verkrüppelte Testversion, und der Workflow (Push zu Git, Deploy bekommen) ist derselbe Workflow, den professionelle Teams nutzen. Die Nachteile: Build-Minuten und Limits für parallele Builds existieren im kostenlosen Plan durchaus, also wirst du irgendwann an eine Decke stoßen, wenn du ständig neu baust oder ein großes Team betreibst. Für eine persönliche Website, ein Portfolio oder eine kleine Unternehmensseite wirst du es kaum bemerken.

Ich habe eine vollständige Aufschlüsselung von allem geschrieben, was Cloudflare kostenlos hergibt, gegenüber dem, was Konkurrenten für dieselben Features verlangen. Sie ist lesenswert, wenn du das komplette Bild willst, nicht nur den Hosting-Teil: Cloudflare Free Tier: Was du tatsächlich bekommst.

Option 2: GitHub Pages (kostenlos)

GitHub Pages ist die andere wirklich kostenlose Option, und sie hat einen Vorteil, den Cloudflare Pages nicht erreichen kann: Wenn dein Projekt bereits in einem GitHub-Repository liegt, bist du schon fast am Ziel.

So funktioniert es: Du pushst deine HTML-Dateien in ein GitHub-Repo (entweder in einen Branch namens gh-pages, einen /docs-Ordner oder über einen GitHub-Actions-Build-Schritt für Static-Site-Generatoren), schaltest Pages in den Repo-Einstellungen ein, und GitHub liefert die Inhalte unter einer username.github.io-URL aus. Wenn das Repo selbst username.github.io heißt, wird das zu deiner Root-Website. Jedes andere Repo wird unter username.github.io/repo-name/ ausgeliefert.

Was kostenlos ist:

  • Hosting für statische Websites direkt aus einem GitHub-Repository
  • Eine github.io-Subdomain
  • Kostenloses SSL/HTTPS, auch auf einer eigenen Domain, die du anhängst

Vorteile: kinderleicht, wenn dein Code bereits auf GitHub liegt, kein separater Account zu erstellen, und es spielt gut mit GitHub Actions zusammen, wenn du einen Build-Schritt brauchst. Nachteile: Es ist ausdrücklich für persönliche, Projekt- oder Organisationsseiten gedacht statt für schweren Produktions-Traffic, es gibt keine serverseitige Verarbeitung (wie bei jedem statischen Hoster), und das Anhängen einer eigenen Domain erfordert, dass du eine CNAME-Datei zum Repo hinzufügst und die DNS-Einträge selbst setzt, ein zusätzlicher Schritt im Vergleich zu Cloudflares stärker integriertem Domain-Ablauf. Es ist außerdem gut zu wissen, dass GitHub-Pages-Websites standardmäßig öffentliche Repos sind, außer du bist auf einem bezahlten GitHub-Plan, der Pages für private Repos unterstützt.

Sowohl Cloudflare Pages als auch GitHub Pages sind schlicht kostenlose statische Hoster, keine Affiliate-Produkte. Es hängt keine Provision an der Empfehlung eines der beiden, was genau der Grund ist, warum sie an erster Stelle dieser Liste stehen.

Andere kostenlose Wege, ehrlich betrachtet

Cloudflare Pages und GitHub Pages sind nicht die einzigen kostenlosen statischen Hoster, nur die zwei mit den wenigsten Haken. Ein paar andere kommen ständig zur Sprache, hier ist also die ehrliche Version zu jedem.

Netlify hat einen wirklich nützlichen kostenlosen Tarif für statische Websites und bietet einen ähnlich reibungslosen Git-basierten Deploy-Ablauf. Der Haken: Sein kostenloser Tarif hat ein monatliches Build-Minuten-Kontingent und ein Bandbreiten-Kontingent, das eine wachsende Website schneller erreichen kann, als du erwarten würdest, und Netlifys Preise haben die Angewohnheit, hart zu springen, sobald du in ihre bezahlten Tarife übertrittst. In Ordnung für ein kleines persönliches Projekt; nervig, wenn die Website echten Traffic bekommt.

Vercel ist in erster Linie für Next.js und andere JavaScript-Frameworks gebaut, und sein kostenloser (“Hobby”)-Tarif ist ausdrücklich für persönliche, nicht-kommerzielle Nutzung lizenziert. Wenn du eine Unternehmensseite oder irgendetwas hostest, das Umsatz generiert, wird von dir erwartet, dass du auf einem bezahlten Plan bist, selbst wenn der Traffic winzig ist. Das ist ein Detail, das leicht zu übersehen ist, und eines, das gerade budgetbewusste Unternehmer nicht übersehen sollten.

Keine dieser beiden ist eine schlechte Option. Sie sind nur jeweils eine Einschränkung entfernt von “tatsächlich kostenlos für das, was du vorhast”, weshalb Cloudflare Pages und GitHub Pages diesen Guide anführen.

Wann kostenloses statisches Hosting NICHT genügt

Hier ist die ehrliche Grenze und der Grund, warum dieser Beitrag nicht einfach nach “nutz Cloudflare Pages” endet. Statisches Hosting hat eine echte Decke, und etwas anderes zu behaupten wäre dieselbe Unehrlichkeit, gegen die dieser ganze Beitrag argumentiert.

Du bist wirklich über statisches Hosting hinausgewachsen, wenn du irgendetwas von Folgendem brauchst:

  • Serverseitigen Code, der bei jeder Anfrage läuft - eine Formularübermittlung mit eigener Logik verarbeiten, eine private API mit einem geheimen Schlüssel aufrufen, ein PDF generieren, einen geplanten Job ausführen
  • Eine Datenbank - Benutzerkonten, gespeicherte Einstellungen, einen Kommentarbereich, der kein Drittanbieter-Widget ist, alles, was Daten dauerhaft speichern muss, die ein Besucher erzeugt
  • PHP oder WordPress - WordPress ist serverseitige Software, die bei jeder Anfrage PHP-Ausführung und eine MySQL-Datenbank braucht; es kann grundsätzlich nicht auf einem statischen Hoster laufen, egal wie die Dateistruktur aussieht
  • Transaktionalen E-Mail-Versand aus deinem eigenen Backend - Passwort-Resets, Bestellbestätigungen, alles, was einen Server braucht, um den Versand auszulösen (du kannst auf einer statischen Website immer noch einen Drittanbieter-Formulardienst nutzen, aber eine vollständige Mailing-Pipeline will meist ein Backend)
  • Eine wirklich dynamische App - ein Dashboard, ein SaaS-Produkt, alles, wo der Seiteninhalt davon abhängt, wer eingeloggt ist und was er getan hat

Nichts davon ist die Schuld eines statischen Hosters, und nichts davon bedeutet, dass Cloudflare Pages oder GitHub Pages “schlecht” sind. Es bedeutet nur, dass sich die Aufgabe geändert hat. Eine Broschüren-Website und eine Web-App mit Benutzerkonten sind unterschiedliche Kategorien von Problem, und kein kostenloser statischer Hoster war je dazu gedacht, das zweite zu lösen.

Wohin, wenn du über statisches Hosting hinauswächst

Wenn du die Liste oben gelesen und dein Projekt darin erkannt hast, ist das der Punkt, an dem für Hosting zu zahlen tatsächlich Sinn ergibt, nicht vorher.

Wenn du dich mit einem Terminal wohlfühlst und volle Kontrolle zum niedrigstmöglichen Preis willst, ist ein günstiger VPS der Zug. Du installierst genau das, was du brauchst (Node, Python, eine Datenbank, was auch immer dein Backend erfordert) und zahlst nicht für eine verwaltete Schicht, die du nicht nutzt. Hetzner ist durchgehend die beste Option für das Preis-Leistungs-Verhältnis in dieser Kategorie, und es ist das, wohin ich technische Leser lenke, wenn sie über statisches Hosting hinausgewachsen sind und sich auf einem Server auskennen.

Wenn du WordPress brauchst, eine datenbankgestützte Website, oder wenn du einfach keinen Server selbst verwalten willst, ist verwaltetes Hosting der bessere Deal, du zahlst dafür, dass jemand anderes die Serverschicht übernimmt, damit du dich auf die Website konzentrieren kannst. Ein paar Optionen, die einen Vergleich wert sind, jede mit einer anderen Stärke:

  • Hostinger - solider Einstiegspunkt zum kleinen Preis für WordPress und allgemeines Shared-Hosting, ein vernünftiger Startpreis für eine erste dynamische Website
  • ChemiCloud - verwaltetes Hosting ohne die CPU-Drosselungs-Spielchen, die manche Billig-Hoster spielen, lohnenswert, wenn dich schon mal ein Hoster zu “Spitzenzeiten” ausgebremst hat
  • HostArmada - eine weitere verwaltete Option, die einen Vergleich bei Preis und Support-Qualität wert ist, bevor du dich festlegst

Der Punkt ist nicht, dass eine davon universell “die beste” ist. Es ist, dass du, sobald du tatsächlich serverseitigen Code oder eine Datenbank brauchst, nicht mehr in derselben Kategorie einkaufst wie bei “wo lege ich eine HTML-Datei hin”, und der richtige Hoster davon abhängt, wie viel Serververwaltung du selbst machen willst.

FAQ

Kann ich eine eigene Domain kostenlos nutzen? Ja, sowohl bei Cloudflare Pages als auch bei GitHub Pages. Du musst die Domain selbst weiterhin bei einem Registrar kaufen (dieser Teil war nirgendwo je kostenlos), aber sie an deinen kostenlosen statischen Hoster anzuhängen und SSL/HTTPS darauf zu bekommen, kostet nichts extra.

Ist kostenloses Hosting wirklich für immer kostenlos, oder ist das eine Testphase? Speziell bei Cloudflare Pages und GitHub Pages ist es ein laufender kostenloser Tarif, keine zeitlich begrenzte Testphase. Es ist keine Karte nötig und kein automatisches Upgrade nach 30 Tagen. Allerdings können kostenlose Tarife ihre Bedingungen mit der Zeit ändern (das gilt für das kostenlose Angebot jedes Unternehmens), also lohnt es sich, die aktuellen Bedingungen des Anbieters im Auge zu behalten, wenn du dich für etwas Wichtiges darauf verlässt.

Kann ich WordPress kostenlos hosten? Nein. WordPress braucht bei jedem Seitenaufruf PHP-Ausführung und eine laufende MySQL-Datenbank, was statische Hoster per Definition nicht bereitstellen. Wenn du WordPress brauchst, brauchst du echtes Hosting; das ist genau der oben behandelte “über statisches Hosting hinausgewachsen”-Fall.

Bewältigt ein kostenloser statischer Hoster echten Traffic, wenn meine Website populär wird? Besser, als die meisten Leute erwarten. Besonders Cloudflare baut auf demselben Edge-Netzwerk auf, das es an Enterprise-Kunden verkauft, also ist eine statische Website mit einem Traffic-Peak meist kein Problem. Wo du an eine Wand stoßen würdest, sind Build-Minuten, wenn du ständig neu baust, nicht der reine Traffic auf bereits gebaute Dateien.

Muss ich programmieren können, um Cloudflare Pages oder GitHub Pages zu nutzen? Nicht wirklich, für den einfachsten Fall. Wenn du bereits eine HTML-Datei hast, ist einen Ordner ins Dashboard von Cloudflare Pages zu ziehen nahezu null Aufwand. GitHub Pages setzt etwas mehr Vertrautheit mit Git voraus, da du Dateien in ein Repository pushst. Keines von beiden erfordert, dass du serverseitigen Code schreibst, weil es keinen zu schreiben gibt.

Matt

Vertrauen Sie KEINER Review-Seite. Affiliate-Provisionen bestimmen deren Rankings. Dies ist auch eine Affiliate-Seite, aber ich bin ehrlich darüber, was ich verdiene, und ich bewerte nach Qualität statt nach Auszahlung. Selbst wenn das bedeutet, dass ich 0 $ bezahlt werde. Lesen Sie über meinen Ansatz und warum ich aufgehört habe zu lügen. Hier sind die Rohdaten, damit Sie alles selbst überprüfen können.

VPNs | Hosting | Cloud | Tools


Verwandte Beiträge