gatsby
v5.14.0
Die Zukunft der Webentwicklung ist da.
Gatsby ist ein kostenloses Open-Source-Framework auf Basis von React, das Entwicklern hilft, blitzschnelle Websites und Apps zu erstellen.
Es kombiniert die Kontrolle und Skalierbarkeit dynamisch gerenderter Websites mit der Geschwindigkeit der Generierung statischer Websites und schafft so ein völlig neues Netz an Möglichkeiten.
Gatsby unterstützt professionelle Entwickler bei der effizienten Erstellung wartbarer, leistungsstarker und inhaltsreicher Websites.
Laden Sie Daten von überall. Gatsby ruft Daten aus jeder Datenquelle ab, egal ob es sich um Markdown-Dateien, ein Headless-CMS wie Contentful oder WordPress oder eine REST- oder GraphQL-API handelt. Verwenden Sie Quell-Plugins, um Ihre Daten zu laden, und entwickeln Sie sie dann mit der einheitlichen GraphQL-Schnittstelle von Gatsby.
Gehen Sie über statische Websites hinaus. Profitieren Sie von allen Vorteilen statischer Websites ohne deren Einschränkungen. Gatsby-Sites sind voll funktionsfähige React-Apps, sodass Sie hochwertige, dynamische Web-Apps erstellen können, von Blogs über E-Commerce-Sites bis hin zu Benutzer-Dashboards.
Wählen Sie Ihre Rendering-Optionen. Sie können zusätzlich zur Static Site Generation (SSG) alternative Rendering-Optionen wählen, nämlich Deferred Static Generation (DSG) und Server-Side Rendering (SSR) – auf Seitenbasis. Diese Art der granularen Steuerung ermöglicht es Ihnen, Leistung und Produktivität zu optimieren, ohne das eine für das andere zu opfern.
Die Leistung ist fest verankert. Bestehen Sie standardmäßig Ihre Leistungsprüfungen. Gatsby automatisiert Code-Splitting, Bildoptimierung, Inlining kritischer Stile, Lazy Loading, Prefetching von Ressourcen und mehr, um sicherzustellen, dass Ihre Website schnell ist – keine manuelle Optimierung erforderlich.
Verwenden Sie einen modernen Stack für jede Site. Unabhängig davon, woher die Daten stammen, werden Gatsby-Sites mit React und GraphQL erstellt. Erstellen Sie einen einheitlichen Workflow für Sie und Ihr Team, unabhängig davon, ob die Daten aus demselben Backend stammen.
Hosten Sie maßstabsgetreu für Pennies. Gatsby-Sites benötigen keine Server, sodass Sie Ihre gesamte Site zu einem Bruchteil der Kosten einer servergerenderten Site auf einem CDN hosten können. Viele Gatsby-Websites können völlig kostenlos auf Netlify und anderen ähnlichen Diensten gehostet werden.
Nutzen Sie Gatsbys zentralisierte Datenschicht überall. Mit Gatsbys Valhalla Content Hub können Sie die Datenschicht von Gatsby in jedes Projekt integrieren. Ermöglichung des Zugriffs über eine einheitliche GraphQL-API zum Erstellen von Inhaltsseiten, E-Commerce-Plattformen sowie nativen und Webanwendungen.
Erfahren Sie, wie Sie Gatsby für Ihr nächstes Projekt verwenden.
Klicken Sie auf den Link unten, um schnell den Workflow zum Entwickeln, Erstellen und Bereitstellen von Websites mit Gatsby und Netlify auszuprobieren.
Am Ende dieses Prozesses haben Sie Folgendes:
eine Website, die auf Netlify arbeitet
ein neues Repository, das mit dieser neuen Site verknüpft ist
Wenn Sie Änderungen an Ihrem neuen Repository vornehmen, erstellt Netlify Ihre Site automatisch neu und stellt sie erneut bereit!
Mit diesen vier Schritten können Sie in 5 Minuten eine neue Gatsby-Site in Ihrer lokalen Entwicklungsumgebung zum Laufen bringen:
Initialisieren Sie ein neues Projekt.
npm init gatsby
Geben Sie ihr den Namen „My Gatsby Site“.
Starten Sie die Site im develop .
Wechseln Sie als Nächstes in das Verzeichnis Ihrer neuen Site und starten Sie sie:
cd my-gatsby-site/ npm ausführen, entwickeln
Öffnen Sie den Quellcode und beginnen Sie mit der Bearbeitung!
Ihre Site läuft jetzt unter http://localhost:8000 . Öffnen Sie das Verzeichnis my-gatsby-site in einem Code-Editor Ihrer Wahl und bearbeiten Sie src/pages/index.js . Speichern Sie Ihre Änderungen und der Browser wird in Echtzeit aktualisiert!
Zu diesem Zeitpunkt verfügen Sie über eine voll funktionsfähige Gatsby-Website. Weitere Informationen dazu, wie Sie Ihre Gatsby-Site anpassen können, finden Sie in unseren Plugins und im offiziellen Tutorial.
Vollständige Dokumentation zu Gatsby lebt auf der Website.
Den meisten Entwicklern empfehlen wir, mit unserem ausführlichen Tutorial zum Erstellen einer Website mit Gatsby zu beginnen. Es beginnt mit keinerlei Annahmen über Ihr Leistungsniveau und durchläuft jeden Schritt des Prozesses.
Um direkt in Codebeispiele einzutauchen, besuchen Sie unsere Dokumentation. Schauen Sie sich insbesondere die Abschnitte „ Anleitungen “, „ Referenz “ und „ Konzeptionelle Leitfäden “ in der Seitenleiste an.
Wir freuen uns über Vorschläge zur Verbesserung unserer Dokumente. Weitere Einzelheiten finden Sie in der Dokumentation „Wie Sie einen Beitrag leisten können“.
Beginnen Sie mit dem Erlernen von Gatsby: Folgen Sie dem Tutorial · Lesen Sie die Dokumente
Sie fragen sich, was wir kürzlich versendet haben? In unseren Versionshinweisen finden Sie wichtige Highlights, Leistungsverbesserungen, neue Funktionen und bemerkenswerte Fehlerbehebungen.
Lesen Sie außerdem unsere Dokumentation zur Versionsunterstützung, um unsere Pläne für jede Version von Gatsby zu verstehen.
Sie haben bereits eine Gatsby-Website? Diese praktischen Anleitungen helfen Ihnen dabei, die Verbesserungen von Gatsby v5 zu Ihrer Website hinzuzufügen, ohne bei Null anfangen zu müssen!
Von v4 auf v5 migrieren
Von v3 auf v4 migrieren
Von v2 auf v3 migrieren
Gatsby setzt sich für den Aufbau einer einladenden, vielfältigen und sicheren Gemeinschaft ein. Wir erwarten von allen Teilnehmern der Gatsby-Community, dass sie sich an unseren Verhaltenskodex halten. Bitte lesen Sie es. Bitte folgen Sie ihm. In der Gatsby-Community arbeiten wir hart daran, uns gegenseitig aufzubauen und gemeinsam erstaunliche Dinge zu schaffen. ??
Egal, ob Sie uns dabei helfen, Fehler zu beheben, die Dokumentation zu verbessern oder die Nachricht zu verbreiten, wir würden uns freuen, Sie als Teil der Gatsby-Community zu haben!
Sehen Sie sich unseren Beitragsleitfaden an, um Ideen zum Beitragen und Einrichtungsschritte für die Inbetriebnahme unserer Repositorys auf Ihrem lokalen Computer zu erhalten.
Dieses Repository ist ein Monorepo, das mit Lerna verwaltet wird. Dies bedeutet, dass in dieser Codebasis mehrere Pakete verwaltet werden, auch wenn wir sie als separate Pakete in NPM veröffentlichen.
Lizenziert unter der MIT-Lizenz.
Unser Dank geht an alle unsere vielen Mitwirkenden, die Plugins, Starter, Videos und Blogbeiträge erstellen. Und eine besondere Wertschätzung gilt unseren Community-Mitgliedern, die bei Problemen und PRs helfen oder Fragen auf Discord und GitHub-Diskussionen beantworten.
Ein großer Teil dessen, was Gatsby großartig macht, ist jeder einzelne von Ihnen in der Community. Ihre Beiträge bereichern das Gatsby-Erlebnis und machen es jeden Tag besser.
