Gatsby Starter Googlesheets

Overview:

This product is a starter boilerplate for creating a Gatsby site using React. It includes the main Gatsby configuration files and a plugin called gatsby-source-google-spreadsheet. The purpose of this boilerplate is to help users quickly set up and start developing a blazing fast app using Gatsby.

Features:

• Gatsby Configuration Files: Includes the main configuration files required for setting up a Gatsby site.
• gatsby-source-google-spreadsheet Plugin: This plugin allows users to access and use data from Google Spreadsheets in their Gatsby site.
• Fast App Generator: Designed to make app development quick and efficient by utilizing the high-performance capabilities of React and Gatsby.

Installation:

To install and get started with this boilerplate, follow these steps:

1. Create a new Gatsby site using the Gatsby CLI:

   npx gatsby new my-site
   

2. Navigate into the newly created directory:

   cd my-site
   

3. Add credentials to the .env file in the root directory of your project. You will need to obtain the SPREADSHEET_ID from the URL of your Google Spreadsheet. Additionally, create a service account and obtain the service account email ID and private key. Share your spreadsheet with the service account email ID with edit permission.

4. Open the source code in your code editor and start editing. The main file to edit is src/pages/index.js.

5. Run the development server:

   npm start
   

6. The site should be running at http://localhost:8000.

Note: There is also a GraphiQL tool available at http://localhost:8000/___graphql for querying data. More information on using this tool can be found in the Gatsby tutorial.

Summary:

This product is a boilerplate for creating Gatsby sites using React. It provides the necessary configuration files and a plugin for accessing Google Spreadsheets. By following the installation guide, users can quickly set up and start developing their own high-performance React apps with Gatsby.