Publish articles directly from Google Drive to your blog with React JS
Publish articles directly from Google Drive to your blog with React JS. Simple setup with no transpiling.
Live demo here: http://misterfresh.github.io/react-drive-cms/
1) Connecting your React App to your Google Drive : follow this detailed step-by-step guide: https://github.com/misterfresh/react-drive-cms/blob/master/GUIDE.md
2) In order for the contact form to work, publish the following script as a Google Web App: https://gist.github.com/misterfresh/b69d29a97cf415980be2 . In your "Visitors" Google spreadsheet, go to Tools>Script Editor. You can create a free SendGrid account and paste your SendGrid API key in the script. Save the script and click on Publish>Deploy as Web App.
3) Fill in the correct values in ./conf.js : - "dashboardId" is the id of the "Dashboard" Google spreadsheet. - "sendContactMessageUrlId" is the id of the Google Web App script that does the email forwarding - "shortname" is the website's Disqus identifier - "root" is an optional url parameter, that would be the name of the project on GitHub pages.
4) Push these changes to your forked repository on GitHub, go to your repo's Settings tab to publish it.
From a terminal, run:
npm run startThis will start the local server. Open http://localhost:8080/ in your favorite browser.