Zum Inhalt springen

Projektanfrage

Sprechen wir ganz unverbindlich über Ihr Projekt.

kontakt@pretzels.dev
0228 - 7636 7550
Oder nutzen Sie unser Kontaktformular
Statamic

Statamic kostenlos mit Netlify hosten

Wir zeigen, wie Sie eine Statamic-Website kostenlos mit Netlify hosten. Wir setzen voraus, dass Sie bereits ein Statamic-Projekt als GitHub-Repository haben. Wir behandeln die Installation des benötigten Statamic-SSG-Pakets, die Konfiguration von Netlify und zeigen die minimale Konfiguration die zum Betrieb nötig ist.

Statamic - Corporate Website.

Schritt 1: Vorbereitung des Statamic-Projekts

Grundvoraussetzung: Ein GitHub-Repository

Für diesen Prozess benötigen Sie ein Statamic-Projekt, das bereits als GitHub-Repository (GitLab und BitBucket sind als Repo-Provider ebenfalls möglich) eingerichtet ist. Wir gehen davon aus, dass Sie mit GitHub vertraut sind und Ihr Projekt dort bereits eingerichtet haben.

Installation des Statamic-SSG-Pakets

Falls noch nicht geschehen, müssen Sie das Statamic-SSG-Paket in Ihr Projekt integrieren. Führen Sie dazu den Befehl composer require statamic/ssg aus. Dieses Paket ermöglicht es Ihnen, statische Inhalte aus Ihrem Statamic-Projekt zu generieren, was für das Hosting auf Netlify unerlässlich ist.

Schritt 2: Konfiguration von Netlify

Nachdem das GitHub-Repo mit Netlify verbunden ist, kann das Projekt in Netlify konfiguriert werden.

Konfiguration der Build-Einstellungen

In den Build-Einstellungen von Netlify müssen Sie folgende Parameter setzen:

  • Base directory: /

  • Build command: php please ssg:generate

  • Publish directory: storage/app/static

Einrichten der Umgebungsvariablen

Stellen Sie sicher, dass die folgenden Umgebungsvariablen in Netlify gesetzt sind:

  • APP_DEBUG: false

  • APP_KEY: (zu erstellen mit php artisan key:generate)

  • APP_ENV: production

  • PHP_VERSION: 8.1 (hoffentlich hat Netlify bald auch Support für PHP 8.2)

Schritt 3: Deployment Ihrer Statamic-Seite

Nachdem die Konfiguration erledigt ist, kann die Statamic-Site auf Netlify deployed werden. Beachten Sie, dass dies eine Basis-Konfiguration darstellt. Für zusätzliche Funktionen, wie beispielsweise ein Kontaktformular, sind weitere Schritte erforderlich.

Warum sollte man Netlify als Hostingprovider verwenden?

Man kann sich fragen, "wozu ist das gut"?

Ein Vorteil von Netlify ist, dass es wie ein Managed Hosting fungiert (Serverless) und daher keine Aufwände für die Serverwartung anfangen.

Für kleine Projekte ist es besonders deswegen interessant weil es eine kostenlose Hostingmöglichkeit bietet. Allerdings kann die Hostinglocation erst mit einem bezahlten Netlify-Plan eingestellt werden. Hier könnte es zu Problemen mit der DSGVO kommen.

Netlify ist schnell! Zugegeben, diese Messung mit pagespeed.web.dev erreicht 100 Punkte, aber wir testen gerade auch eine leere Website ohne Bilder, Styling, etc. Und natürlich kann man ein gutes Scoring von >90 oder sogar 100 Punkten auch mit einer vollständigen Website erreichen.