https://github.com/prismicio/prismic-gatsby-coffee-sample

https://github.com/prismicio/prismic-gatsby-coffee-sample

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/prismicio/prismic-gatsby-coffee-sample
• Owner: prismicio
• License: mit
• Archived: true
• Created: 2019-04-23T15:11:50.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-06-10T00:45:53.000Z (over 1 year ago)
• Last Synced: 2024-08-02T07:02:15.100Z (6 months ago)
• Language: JavaScript
• Size: 5.52 MB
• Stars: 28
• Watchers: 21
• Forks: 20
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-prismic - prismic-gatsby-coffee-sample - Example eCommerce project. (Starters & Examples / Gatsby)

README

        
##  Example website with Prismic and Gatsby

Example website demo that shows how to use the `gatsby-source-prismic` plugin.

It showcases how a website for a coffee store could be designed and built, as well as the techniques you will have to use to generate pages dynamically when using a Prismic repository as a data source, while also being able to use the **preview** and **release** features.

For more information, refer to the [official Prismic and Gatsby documentation](https://prismic.io/docs/technologies/gatsby).

#

## Demo website

A deployment demo is available in Netlify: [https://gatsby-coffee-demo.netlify.com/](https://gatsby-coffee-demo.netlify.com/)

#

## 1. Launch the project

### Install the CLI

```

npm install -g prismic-cli

```

### Run the theme command

navigate where you want to create your new project folder and run the following command:

```

prismic theme --theme-url https://github.com/prismicio/prismic-gatsby-coffee-sample --conf prismic-configuration.js

```

This will create a new Prismic content repository, set up the custom types, create a few documents, and install the project code.

## 1. Run the project 

```

gatsby develop

```

Your site should now be running locally at [http://localhost:8000](http://localhost:8000)!

#

### Building

```

gatsby build

```

### Serving built folder

```

gatsby serve

```