Skip to content

Latest commit

 

History

History
 
 

examples

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
client-only-paths
client-only-paths
 
 
feed
feed
 
 
gatsbygram
gatsbygram
 
 
hn
hn
 
 
image-processing
image-processing
 
 
no-plugins
no-plugins
 
 
no-trailing-slashes
no-trailing-slashes
 
 
sitemap
sitemap
 
 
using-contentful
using-contentful
 
 
using-css-modules
using-css-modules
 
 
using-csv
using-csv
 
 
using-drupal
using-drupal
 
 
using-emotion
using-emotion
 
 
using-excel
using-excel
 
 
using-gatsby-image
using-gatsby-image
 
 
using-glamor
using-glamor
 
 
using-javascript-transforms
using-javascript-transforms
 
 
using-jss
using-jss
 
 
using-medium
using-medium
 
 
using-mongodb
using-mongodb
 
 
using-page-loading-indicator
using-page-loading-indicator
 
 
using-path-prefix
using-path-prefix
 
 
using-postcss-sass
using-postcss-sass
 
 
using-redux
using-redux
 
 
using-remark
using-remark
 
 
using-sass
using-sass
 
 
using-styled-components
using-styled-components
 
 
using-styled-jsx
using-styled-jsx
 
 
using-styletron
using-styletron
 
 
using-stylus
using-stylus
 
 
using-typescript
using-typescript
 
 
using-wordpress
using-wordpress
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 

README.md

Gatsby example websites

Example websites site on one or the other end of the spectrum from very simple to complex/complete.

Simple websites are to demonstrate a specific technology/plugin/technique to help understanding how to accomplish a simple task. They should be named using-* e.g. using-sass.

Complex/complete websites are for studying how to build more complex websites.

Running an example site

  1. Enter one of the sites (e.g. cd gatsbygram)
  2. Install the dependencies for the site npm install
  3. Run the Gatsby development server gatsby develop

Checklist for building an example website

  • Free of errors
  • Has Google Analytics setup
  • Notifications setup to ping PRs on success/failure of build
  • For using-x websites, link to the site from the the plugin README and to the plugin(s) from the website.