netlify cms react starter

Netlify CMS + React Starter

Warnung: Netlify CMS wird nicht mehr gepflegt, daher werde ich dieses Projekt nicht pflegen.
Siehe decaporg/decap-cms#6503.
Sowohl Netlify CMS als auch dieses Projekt funktionieren größtenteils (Stand November 2022), wenn auch mit einigen veralteten Ansätzen, z. B. Komponenten der React-Klasse.

Ein Starterprojekt zum Erstellen blitzschneller Offline-First-Websites mit Netlify CMS und React.

• Erstellen Sie eine Reaktions-App
• React Router für das Routing
• React Helmet für Dokumenttitel, Beschreibungen, Meta
• React Snapshot zum Vorrendern in statisches HTML, damit es ohne Javascript funktioniert ️
• Netlify CMS für Content Management

Mein Ziel ist es, häufig verwendete Komponenten und Best Practices einzubeziehen, z. B. Formulare, Einstellungen, Tags, Lazy-Loading-Bilder usw.

Los geht's

1. Klicken Sie auf die Schaltfläche „In Netlify bereitstellen“ . Dies wird:

• Klonen Sie das Repo in Ihr Github-Konto
• Erstellen Sie ein neues Projekt auf Netlify, erstellen Sie es und stellen Sie es bereit

1. Sobald Ihr Netlify-Projekt erstellt wurde, überprüfen Sie einige Einstellungen:

• Identität aktivieren
• Ändern Sie die Registrierungseinstellungen auf „Nur mit Einladung“.
• Aktivieren Sie Git Gateway

1. Laden Sie Benutzer (wahrscheinlich Sie selbst) ein, den Administratorzugriff zu aktivieren

• Öffnen Sie die Registerkarte „Identität“ und klicken Sie auf „Benutzer einladen“.

Zeigen Sie mir das CMS!

Das CMS befindet sich unter __YOUR_SITE_NAME__.netlify.com/admin.

Entwicklung

1. Klonen Sie Ihr Repo auf Ihren lokalen Computer

2. Abhängigkeiten installieren

yarn oder npm install

1. Führen Sie den Entwicklungsserver aus

yarn start oder npm run start

Wenn Sie Inhalte lokal im CMS hinzufügen oder bearbeiten, sollten Sie einige Dinge beachten:

1. Änderungen werden an das Remote-Repository übertragen.

2. Sie werden aufgefordert, die URL Ihrer Website einzugeben. Dies ist erforderlich, damit Netlify Identity die Benutzeranmeldung verwalten kann. Dies wird in localStorage gespeichert, sodass Sie möglicherweise Ihren Browser-Cache leeren müssen, wenn Sie Projekte wechseln, aber auf localhost:3000 bleiben.

Bearbeiten von CMS-Feldern

Die Netlify CMS-Konfiguration befindet sich in public/admin/config.yml . Hier konfigurieren Sie die Seiten, Felder, Beiträge und Einstellungen, die vom CMS bearbeitet werden können.

Weitere Informationen finden Sie in den Netlify CMS-Dokumenten.

Siehe auch

Netlify CMS-Dokumente
Netlify CMS Repo
Hyperstatic – das gleiche Starterprojekt ohne Netlify CMS
Gatsby + Netlify CMS Starter (Gatsbro)