Coffee Gatsby Project

Coffee gatsby project is a blazing fast website built on top of React-Gatsby. using FormSpree to handle form submit, Snipcart for E-Commerce (Cart and payment), and Netlify to host the website

Link

• https://amam-coffee.netlify.com/

🚀 Quick start

1. Install all packages

   # install all dependencies
   npm install

2. Start developing.

   Use the Gatsby CLI to start develop.

   Navigate into your new site’s directory and start it up.

   npm install -g gatsby-cli
   gatsby develop

3. Open the source code and start editing!

   Your site is now running at http://localhost:8000!

   Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

   Open src files. Save your changes and the browser will update in real time!

Environment variables

• CONTENTFUL_ACCESS_TOKEN upon creating API keys in Contentful, get the access token, this needs to be exist in the .env.* file
• CONTENTFUL_SPACE_ID upon creating API keys in Contentful, get the space id, this needs to be exist in the .env.* file
• SNIPCART_API upon creating API keys in FormSpree, get the API key, this needs to be exist in the .env.* file

💫 Deploy