Comment créer un CMS avec React et Google Sheets

config () const {GoogleSpreadsheet} = require (« google-spreadsheet ») const {OAuth2Client} = require (‘google-auth-library’)send ( » hello world « )}) //. Enfin, vous remarquerez que votre application contient désormais deux fichiers package.json. Nous devrons apporter une modification à la section des scripts à la racine, puis ajouter une ligne sous la section « privée » de votre répertoire client. C’est pour que vous puissiez tout déclencher avec une simple commande – le sauveur éternel qui est npm start. Dans votre racine : « start » : « node index.js -ignore ‘./client' » Et dans votre client: « proxy » : « http: // localhost: 8000 » Maintenant, avec une exécution de npm start, vous serez rencontré votre front-end React en récupérant les informations de votre CMS Google Sheets. Si vous extrayez le serveur principal (fonctionnant sur le port 8000) dans votre navigateur, vous rencontrerez un objet JSON affichant les données de votre CMS sous sa forme brute et non formatée. Mais, plus important encore pour les nombreuses parties prenantes désireuses d’accéder à votre nouveau site, voici ce que vous verrez s’afficher sur le front-end. Ce qui était autrefois des entrées sur une feuille de calcul, est maintenant une application Web React entièrement formatée et un peu brillante, prête à être déployée via votre service d’hébergement préféré. L’avantage de cette solution est qu’elle peut être intégrée à votre application plus large basée sur React et stylisée à l’aide de l’un des nombreux thèmes et modèles gratuits, ce qui signifie que votre sortie finale peut réellement évoluer avec vous. Voilà – encore une autre raison d’aimer les feuilles de calcul.

Tags: