QuickStart einer Gatsby-Anwendung mit einer Headless-CMS-API

Die Verwendung einer Headless-CMS-API hat viele Vorteile, nämlich Zeit und Leichtigkeit, um Ihre Anwendung zum Laufen zu bringen, während Sie Ihrem funktionsübergreifenden Team die Tools zur Verfügung stellen, die es benötigt, um seine Arbeit zu erledigen. Kosmisches JS ermöglicht Content-Managern und Entwicklern, besser zusammenzuarbeiten. Durch die Bereitstellung eines intuitiven Admin-Dashboards, leistungsstarker APIs und flexibler Benutzerrollen werden Anwendungen schneller und einfacher erstellt, und Ihr gesamtes Team spart dabei Zeit. Entwickler können Anwendungen mit ihren bevorzugten Frameworks und Programmiersprachen erstellen und wissen, dass sie sich in alle APIs, Datenbanken oder Static Site Generators von Drittanbietern integrieren lassen.

Ein Static Site Generator (SSG), der in großem Umfang auf das Spielfeld gekommen ist, ist Gatsby. Mit Gatsby können Sie blitzschnelle Websites mit Ihren Daten erstellen, unabhängig von der Quelle. Gatsby lädt nur die kritischen HTML-, CSS-, Daten- und JavaScript-Dateien, damit Ihre Website so schnell wie möglich geladen wird. Nach dem Laden ruft Gatsby Ressourcen für andere Seiten vorab ab, sodass sich das Klicken auf der Website unglaublich schnell anfühlt.

gatsby-cosmic.jpg
Cosmic JS hat kürzlich seine eingeführt Gatsby Source-Plugin und sein Gatsby-Starter. Das Quell-Plug-in ermöglicht Entwicklern das einfache Abrufen von Daten aus Cosmic JS in Gatsby, und mit dem Gatsby Starter können Sie eine Gatsby-App zum Laufen bringen, die mit Cosmic JS für dynamische Inhaltsänderungen in Sekundenschnelle verbunden ist. 😎 In diesem Tutorial starten wir eine Gatsby-Anwendung mithilfe der Headless-CMS-API von Cosmic JS.

TL;DR:

Gatsby-Starter
Entwicklerdokumentation
Gatsby-Wissensdatenbank

QuickStart einer Gatsby-App mit einer Headless-CMS-API

Kosmisches JS ist ein Beispiel für ein robustes Headless-CMS und eine API, die die Zusammenarbeit in funktionsübergreifenden Teams fördert, um Apps schneller zu erstellen. Beginnen Sie in Sekundenschnelle mit der Erstellung von Cosmic-basierten Apps 🚀 Wir haben Node.js, Reagieren, Sehen, Gatsby und Serverlos Starter-Apps, mit denen Sie Ihr Projekt schnell starten können.

🛠️ Montage

Installieren Sie über die Kosmische CLI:
ice_screenshot_20180723-093235.png

Ich habe einen Beispiel-Bucket für diesen Blog eingerichtet:
ezgif-2-3e104e6c61.gif

Führen Sie cosmic -h aus, um eine Liste aller Befehle anzuzeigen. Laufen Sie kosmisch [command] -h für Details zu Optionen für einen bestimmten Befehl. Sie sind jetzt mit einem Gatsby Starter einsatzbereit, der vollständig von Ihrem Cosmic JS Bucket Dashboard und Command Line Terminal-Tool Ihrer Wahl verwaltet werden kann.

Fazit

Wenn es nicht schnell genug ist, das installierte Content-Management-System aufzugeben und API-first zu verwenden, sehen Sie sich das an Kosmische JS-Starter um ein Projekt in Sekunden zum Laufen zu bringen. Cosmic JS lässt sich leicht in Gatsby integrieren, um einen automatisierten Build-Prozess zu erhalten, der es Ihnen ermöglicht, eine flotte statische Geschwindigkeit mit dynamischen Inhaltsänderungen beizubehalten. 🔥

Wenn Sie Kommentare oder Fragen zum Erstellen von Gatsby-Apps mit Cosmic JS haben, wenden Sie sich an uns unter Twitter und nehmen Sie am Gespräch teil Locker.

Similar Posts

Leave a Reply

Your email address will not be published.