jekyll

Fügen Sie Jekyll ein Headless-CMS hinzu

Bei diesem Setup handelt es sich nicht um ein weiteres Blog-Beispiel, sondern um ein Beispiel für die Erstellung eines Layouts mithilfe eines Headless-CMS mit Jekyll. Ich bin mir sicher, dass Sie selbst einen flachen Inhaltstyp mit Titel, Text und Teaserbild erstellen können. Befolgen Sie diese kurze, aber detaillierte Anleitung, um Ihre statischen Seiten zum Leben zu erwecken (zur Vorschau).

Was erwartet Sie?

Das „Endergebnis“ wird einen Teaser, ein Raster und ein Spaltenlayout (Feature) umfassen, einschließlich einer Rebuild-API, um Rebuilds mithilfe einer GET-Anfrage auszulösen und die Daten von Storyblok zu laden.

Du möchtest das Repo ohne das Tutorial starten?

1. Klonen Sie dieses Repository

 git clone [email protected]:storyblok/jekyll.git

2. Starten Sie den Vorschauserver

 bundle install

bundle exec rackup config.ru -p 4000

3. Melden Sie sich an, um Ihren ersten Bereich zu erstellen und die Standardkomponenten und den ersten Inhaltseintrag zu erhalten.

Tauschen Sie den Draft-Token mit dem in den Codebeispielen aus – und geben Sie Ihre Localhost-Adresse http://localhost:4000/ ein.

4. Neuaufbau ohne Vorschauserver

Der oben genannte Vorschauserver ist überhaupt nicht erforderlich – er hilft Ihnen lediglich dabei, Ihre Inhalte einfach zu erstellen und „sofort“ in der Vorschau anzuzeigen. Sie können (natürlich) weiterhin statische Dateien generieren – und das sollten Sie auch in der Produktion tun.

 bundle exec jekyll serve