Ein Leitfaden zur Verwendung von JAMstack mit Contentful

Die Verwendung von JAMstack zum Erstellen Ihrer nächsten App ist eine gute Möglichkeit, um sicherzustellen, dass Ihre Kreation leicht auf skalierbaren Cloud-Lösungen wie Zeit oder Netlify bereitgestellt werden kann. Aber um eine App wirklich nützlich zu machen, müssen Sie sie mit gutem Content füllen. Hier kommt Contentful ins Spiel. Mit unseren APIs können Sie die harte Arbeit Ihrer Content-Editor*innen ganz einfach in Ihrer JAMstack-App präsentieren. In diesem Artikel wird beschrieben, wie Sie sich auf die Erstellung von hochwertigem Code konzentrieren können, während sich Content-Editor*innen auf die Erstellung von Content konzentrieren.

JAMstack ist die Abkürzung für JavaScript, APIs und Markup. Der Begriff wurde von Mathias Biilmann geprägt, um einen modernen Ansatz für die Webentwicklung zu beschreiben. Die Architektur basiert auf clientseitigem JavaScript, wiederverwendbaren APIs und vorgefertigtem Markup. Und die Tatsache, dass der Stack auf JavaScript basiert, ist ein großer Vorteil für Webentwickler*innen.

Wir liefern Content. Ähnlich wie ein traditionelles CMS kann Contentful Content wie Text und Bilder für Web-Apps bereitstellen. Ein grundlegender Unterschied zwischen Contentful und CMS-Systemen besteht jedoch darin, dass Contentful von Grund auf API-basiert ist. Mit anderen Worten – wir sind eine Content-Infrastruktur. Das bedeutet, dass unabhängig davon, welche Art von Content Ihre App anzeigen soll, dieser über eine der spezialisierten APIs von Contentful abgerufen werden kann.

Wir haben derzeit vier APIs:

1. Content-Delivery-API

2. Content-Vorschau-API

3. Content-Management-API

4. Images API

1 – Die Content Delivery API (CDA), verfügbar unter cdn.contentful.com, ist eine schreibgeschützte API für die Bereitstellung von Content von Contentful für Apps, Websites und andere Medienplattformen. Der Content wird als JSON, Bilder, Video oder ein anderer Dateityp bereitgestellt.

2 – Zusätzlich zur Content Delivery API für bereits veröffentlichten Content wird die Content Preview API für die Vorschau von Entwürfen und Assets verwendet, die kurz vor der Veröffentlichung stehen. Die Content Preview API hat das gleiche Verhalten und akzeptiert die gleichen Parameter wie die CDA.

3 - Die Content Management API (CMA) hilft Ihnen, Content in Ihren Spaces zu verwalten. Weitere Informationen zum Modellieren Ihres Contents finden Sie in unserem Modellierungsleitfaden.

4 – Die Contentful Images API ermöglicht das Abrufen und Bearbeiten von Bilddateien, auf die von Assets verwiesen wird.

Traditionell haben Content-Editor*innen redaktionellen Content für Web-Apps mit dem integrierten Editor in WordPress oder Drupal erstellt. Als sich Alternativen zu diesen traditionellen CMS entwickelten, sahen wir Lösungen, bei denen Content-Editor*innen Content mit Workflows erstellen mussten, die manchmal eine steile Lernkurve hatten. Zum Beispiel: Das Erstellen und Verwalten von Content mit Git mag für Entwickler*innen perfekt sein, erweist sich aber als zu unpraktisch für Editor*innen. Ein weiteres Beispiel wäre, dass Content-Teams YAML-Dateien verwenden müssen, um ihren Content zu strukturieren. Mit Contentful können sich Editor*innen ausschließlich darauf konzentrieren, großartigen Content mit unserer WebApp zu zu entwerfen. Ein zentrales Merkmal der WebApp ist die sofortige Vorschau. Dies gibt Ihnen ein WYSIWYG-Gefühl, wenn Sie an einem Artikel arbeiten. Und wenn der/die Content-Editor*in mit der neuesten Kreation zufrieden ist und auf die Schaltfläche „Veröffentlichen“ klickt, kann eine JAMstack-App den Content schnell als JSON über einen API-Aufruf abrufen und in der App anzeigen.

Ein wichtiger Aspekt bei der Verwendung von Contentful für Ihre JAMstack-App ist die echte Trennung zwischen Content und Präsentation. Diese Trennung ermöglicht es Content-Editor*innen, Content zu veröffentlichen, ohne Entwickler*innen in den Prozess einzubeziehen. Vorbei sind die Zeiten, in denen Editor*innen sich auf entwicklerorientierte Tools wie Git oder andere Versionskontrollsysteme verlassen mussten, um einen neuen Artikel einzureichen. Da alles mit Contentful immer nur einen API-Aufruf entfernt ist, können Entwickler*innen mehr Zeit damit verbringen, daran zu arbeiten, wie Content behandelt und angezeigt werden sollte – anstatt unfreiwillig in den Content-Erstellungs- und Veröffentlichungsprozess involviert zu sein. Wenn Entwickler- und Editor-Teams sich auf das konzentrieren, was sie am besten können, spart das Zeit.

Contentful liefert Content in jeder erdenklichen Form über API-Aufrufe. Dadurch eignet sich die Contentful Platform hervorragend für JAMstack-Anwendungen. Denn sobald Ihre Content-Editor*innen auf die Schaltfläche „Veröffentlichen“ klicken, kann Ihre JAMstack-App diesen Content in Ihre App ziehen und der Welt zeigen. Dies bedeutet, dass Editor*innen Content unabhängig von Entwickler*innen bereitstellen können. Durch diese Trennung zwischen Code und Content können sich sowohl Entwickler-Teams als auch Content-Ersteller*innen auf ihre jeweiligen Fachgebiete konzentrieren – mit wenig oder gar keiner Überschneidung.

Wenn Sie sich einige Code-Beispiele ansehen möchten, die Ihnen zeigen, wie Sie Ihre JAMstack-App in Contentful integrieren können, sehen Sie sich unser JAMstack-Tutorial an.Sie sollten auch einen Blick auf unseren Leitfaden „Contentful in fünf Minuten“ werfen, um zu erfahren, wie einfach es ist, Ihre erste Contentful-basierte App zu erstellen und bereitzustellen.