netlify cms react starter

Netlify CMS + React Starter

Attention Netlify CMS n'est plus maintenu, je ne maintiendrai donc pas ce projet.
Voir decaporg/decap-cms#6503.
Netlify CMS et ce projet fonctionnent tous deux pour la plupart (en novembre 2022), bien qu'avec certaines approches obsolètes, par exemple les composants de la classe React.

Un projet de démarrage pour créer des sites Web ultra-rapides et hors ligne avec Netlify CMS et React.

• Créer une application React
• React Router pour le routage
• React Helmet pour les titres de documents, les descriptions, les méta
• React Snapshot pour le pré-rendu en HTML statique afin qu'il fonctionne sans Javascript ️
• Netlify CMS pour la gestion de contenu

Mon objectif est d'inclure des composants couramment utilisés et les meilleures pratiques, par exemple des formulaires, des paramètres, des balises, des images à chargement paresseux, etc.

Allez-y

1. Appuyez sur le bouton Déployer sur Netlify . Cela va :

• Clonez le dépôt dans votre compte Github
• Créez-vous un nouveau projet sur Netlify, construisez et déployez

1. Une fois votre projet Netlify créé, vérifiez quelques paramètres :

• Activer l'identité
• Modifier les préférences d'inscription pour inviter uniquement
• Activer la passerelle Git

1. Invitez les utilisateurs (probablement vous-même) à activer l'accès administrateur

• Ouvrez l'onglet Identité et cliquez sur Inviter des utilisateurs

Montre-moi le CMS !

Le CMS se trouve sur __YOUR_SITE_NAME__.netlify.com/admin.

Développement

1. Clonez votre dépôt sur votre machine locale

2. Installer les dépendances

npm install yarn ou npm

1. Exécutez le serveur de développement

yarn start ou npm run start

Si vous ajoutez ou modifiez du contenu localement dans le CMS, notez quelques points :

1. Les modifications seront transmises au dépôt distant.

2. Vous serez invité à saisir l'URL de votre site, cela est nécessaire pour que Netlify Identity gère la connexion des utilisateurs. Ceci est stocké dans localStorage , vous devrez donc peut-être vider le cache de votre navigateur si vous changez de projet mais restez sur localhost:3000 .

Modification des champs CMS

La configuration Netlify CMS se trouve dans public/admin/config.yml . C'est ici que vous configurerez les pages, champs, publications et paramètres modifiables par le CMS.

Pour en savoir plus, consultez la documentation Netlify CMS.

Voir aussi

Documents Netlify CMS
Dépôt CMS Netlify
Hyperstatique – le même projet de démarrage moins Netlify CMS
Démarreur CMS Gatsby + Netlify (Gatsbro)