Netlify hat die Art, wie Entwickler Websites veröffentlichen, grundlegend verändert. Der Dienst bietet kostenloses Hosting für statische Websites und JAMstack-Projekte – inklusive automatischer Deployments aus Git-Repositories, globalem CDN, kostenlosem SSL und hilfreicher Zusatzfunktionen wie Formularen und serverless Functions. Wer eine Website schnell und zuverlässig ins Netz bringen möchte, ohne eigene Server verwalten zu müssen, ist bei Netlify genau richtig.
Was ist Netlify und für wen ist es geeignet?
Netlify ist eine Hosting-Plattform, die sich auf statische Websites und JAMstack-Architekturen spezialisiert hat. Der Begriff JAMstack steht für JavaScript, APIs und Markup: Statt dynamisch gerenderter Seiten werden vorab generierte HTML-Dateien ausgeliefert, die ggf. über JavaScript und APIs dynamische Inhalte nachladen.
Netlify eignet sich hervorragend für:
- Persönliche Portfolios und Blogs (z. B. mit Jekyll, Hugo, Eleventy oder Astro)
- Landingpages und Marketingseiten
- Dokumentationsseiten und Wissensdatenbanken
- React-, Vue- oder Angular-Apps, die im Browser rendern
- Entwickler, die eine einfache Deployment-Pipeline ohne DevOps-Aufwand suchen
Für dynamische Anwendungen mit komplexer Serverlogik, Datenbanken oder hohen Rechenanforderungen ist Netlify weniger geeignet – hier wären klassische Server oder Plattformen wie Railway oder Render besser.
Kostenlos vs. Pro: Was ist im Free-Plan enthalten?
| Feature | Free (Starter) | Pro (ab 19 $/Monat) |
|---|---|---|
| Bandwidth | 100 GB/Monat | 1 TB/Monat |
| Build-Minuten | 300 Min./Monat | 25.000 Min./Monat |
| Formulare (Submissions) | 100/Monat | 1.000/Monat |
| Serverless Function-Aufrufe | 125.000/Monat | 2 Mio./Monat |
| Custom Domains | Unbegrenzt | Unbegrenzt |
| SSL-Zertifikat | Automatisch (Let's Encrypt) | Automatisch + Custom |
| Deploy Previews | Ja | Ja |
| Team-Mitglieder | 1 | 3 (zusätzliche kostenpflichtig) |
Für die meisten kleinen bis mittelgroßen Websites ist der kostenlose Plan vollkommen ausreichend. Erst bei hohem Traffic oder intensiver Build-Nutzung lohnt sich ein Upgrade.
Deployment via Git: GitHub, GitLab, Bitbucket
Das Herzstück von Netlify ist die Git-Integration. Nach der Registrierung auf netlify.com verbindest du dein GitHub-, GitLab- oder Bitbucket-Konto. Dann wählst du ein Repository aus und konfigurierst:
- Branch: Welcher Branch soll deployed werden? Meist
mainoderproduction. - Build-Befehl: z. B.
npm run build,hugoodereleventy. - Publish-Directory: Der Ordner mit den fertigen HTML-Dateien, z. B.
dist,publicoder_site.
Ab sofort löst jeder Push in den konfigurierten Branch automatisch ein neues Deployment aus. Netlify baut die Website und veröffentlicht sie innerhalb von Sekunden bis wenigen Minuten. Pull Requests erhalten automatisch eine Deploy Preview – eine temporäre URL, unter der sich die Änderungen begutachten lassen, bevor sie live gehen.
Manuelle Deployments per Drag & Drop
Wer kein Git-Repository nutzen möchte, kann Websites auch manuell deployen. Im Netlify-Dashboard gibt es eine Drag-and-Drop-Zone: Einfach den Build-Ordner hineinziehen – fertig. Die Website ist sofort verfügbar. Diese Methode eignet sich für schnelle Tests oder für Projekte ohne Versionskontrolle, ist aber für kontinuierliche Entwicklung weniger praktisch als die Git-Integration.
Custom Domain und automatisches SSL
Jedes Netlify-Projekt erhält eine kostenlose Subdomain unter *.netlify.app. Für eine eigene Domain navigierst du zu Site settings → Domain management und fügst deine Domain hinzu. Netlify zeigt dir dann die DNS-Einträge, die du bei deinem Domain-Registrar setzen musst. Sobald die DNS-Propagierung abgeschlossen ist, stellt Netlify automatisch ein SSL-Zertifikat über Let's Encrypt aus – ohne manuelle Konfiguration.
Netlify Forms: Kontaktformulare ohne Backend
Netlify Forms ermöglicht es, HTML-Formulare zu verarbeiten, ohne einen eigenen Server oder eine Backend-Logik zu benötigen. Du fügst deinem <form>-Tag einfach das Attribut data-netlify="true" hinzu. Netlify erkennt das Formular beim Deployment und richtet die Verarbeitung automatisch ein. Eingehende Formulardaten erscheinen im Dashboard und können per E-Mail weitergeleitet werden. Im kostenlosen Plan sind 100 Einreichungen pro Monat inklusive.
Netlify Functions: Serverless im Backend
Netlify Functions sind serverlose JavaScript- oder TypeScript-Funktionen, die als AWS Lambda-Funktionen im Hintergrund laufen. Sie ermöglichen Backend-Logik ohne eigenen Server: API-Endpunkte erstellen, E-Mails versenden, Datenbank-Abfragen durchführen oder Webhook-Anfragen verarbeiten. Eine Funktion ist einfach eine Datei im netlify/functions/-Ordner:
- Jede Funktion exportiert einen Handler mit
(event, context)-Signatur. - Sie ist automatisch unter
/.netlify/functions/funktionsnameerreichbar. - Im kostenlosen Plan sind 125.000 Aufrufe und 100 GB-Sekunden Rechenzeit inklusive.
Netlify im Vergleich: Vercel, GitHub Pages, Cloudflare Pages
| Plattform | Fokus | Free Bandwidth | Serverless Functions | Forms | Besonderheit |
|---|---|---|---|---|---|
| Netlify | JAMstack, allgemein | 100 GB/Mo. | Ja (AWS Lambda) | Ja (nativ) | Drag & Drop, Forms, breites Ökosystem |
| Vercel | Next.js, React | 100 GB/Mo. | Ja (Edge + Node) | Nein (nativ) | Optimiert für Next.js, sehr schnelle Deployments |
| GitHub Pages | Statische Seiten | Unbegrenzt* | Nein | Nein | Kostenlos, kein Build-System, nur GitHub |
| Cloudflare Pages | Edge-first, alle Frameworks | Unbegrenzt | Ja (Cloudflare Workers) | Nein (nativ) | Globales Edge-Netzwerk, sehr schnelle Auslieferung |
*GitHub Pages hat inoffizielle Grenzen und ist für kommerzielle Nutzung eingeschränkt.
Häufig gestellte Fragen (FAQ)
- Kann ich WordPress auf Netlify hosten?
- Klassisches WordPress (mit PHP-Backend) kann nicht direkt auf Netlify laufen. Eine Alternative ist ein Headless-WordPress-Ansatz: WordPress dient als CMS im Hintergrund, ein Static Site Generator wie Gatsby oder Next.js lädt die Inhalte per API und generiert statische HTML-Dateien, die dann auf Netlify gehostet werden.
- Wie lange dauert ein typisches Deployment auf Netlify?
- Einfache HTML/CSS-Projekte ohne Build-Schritt werden in wenigen Sekunden deployed. Projekte mit Build-Prozess (z. B. npm run build für ein React-Projekt) dauern typischerweise 1–3 Minuten, abhängig von der Komplexität und Größe des Projekts.
- Was passiert, wenn ich das Bandbreitenlimit im Free Plan überschreite?
- Netlify blockiert nicht sofort den Zugang, sondern kontaktiert dich und bietet ein Upgrade an. In der Praxis ist das Limit von 100 GB monatlich für die meisten kleinen bis mittelgroßen Seiten mehr als ausreichend – 100 GB entsprechen grob gerechnet mehreren hunderttausend Seitenaufrufen.
- Kann ich Rollbacks auf eine frühere Version durchführen?
- Ja. Netlify speichert alle vergangenen Deployments und erlaubt es, mit einem Klick auf eine beliebige frühere Version zurückzusetzen. Das ist besonders nützlich, wenn ein neues Deployment einen Fehler eingeführt hat.