Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cakasuma/coffee-gatsby

blazing fast coffee shop built with gatsby
https://github.com/cakasuma/coffee-gatsby

Last synced: 12 days ago
JSON representation

blazing fast coffee shop built with gatsby

Awesome Lists containing this project

README

        



Gatsby



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**

```sh
# install all dependencies
npm install
```

1. **Start developing.**

Use the Gatsby CLI to start develop.

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

```sh
npm install -g gatsby-cli
gatsby develop
```

1. **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](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

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

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-default)