Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/eneax/coffee-shop

☕️ Responsive coffee shop website built with Gatsby, Tailwind CSS, Contentful and Snipcart
https://github.com/eneax/coffee-shop

contentful gatsby graphql javascript react snipcart tailwindcss

Last synced: about 1 month ago
JSON representation

☕️ Responsive coffee shop website built with Gatsby, Tailwind CSS, Contentful and Snipcart

Awesome Lists containing this project

README

        


☕ The Coffee Shop

Responsive coffee shop website built with Gatsby, Tailwind CSS, Contentful and Snipcart.

## 🚀 Quick start

To run this project locally, you will need to create a `.env.development` file with `SPACE_ID` and `ACCESS_TOKEN` from [Contentful](https://www.contentful.com/) and a [Snipcart](https://snipcart.com/) `API` key:

```js
CONTENTFUL_SPACE_ID = 'your_space_id'
CONTENTFUL_ACCESS_TOKEN = 'your_access_token'
SNIPCART_API = 'your_api'
```

Then from your terminal:

```shell
npm i
gatsby develop
```

## 🧐 What's inside?

A quick look at the top-level files and directories you'll see in the project.

.
├── .github
├── node_modules
├── src
│ ├── components
│ ├── images
│ ├── pages
│ └── tailwind.config.js
├── .eslint
├── .gitignore
├── .prettierrc
├── gatsby-config.js
├── netlify.toml
├── package-lock.json
├── package.json
├── postcss.config.js
└── README.md

## 🎓 Learning Gatsby

Looking for more guidance? Full documentation available on the official [Gatsby website](https://www.gatsbyjs.com/).

## 💫 Deploy

This project is deployed to _[Netlify](https://www.netlify.com/)_.

[![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)