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
 
 
simple-auth
simple-auth
 
 
sitemap
sitemap
 
 
styleguide
styleguide
 
 
using-asciidoc
using-asciidoc
 
 
using-contentful
using-contentful
 
 
using-css-modules
using-css-modules
 
 
using-csv
using-csv
 
 
using-drupal
using-drupal
 
 
using-emotion-prismjs
using-emotion-prismjs
 
 
using-emotion
using-emotion
 
 
using-excel
using-excel
 
 
using-faker
using-faker
 
 
using-gatsby-image
using-gatsby-image
 
 
using-gatsby-source-graphql
using-gatsby-source-graphql
 
 
using-glamor
using-glamor
 
 
using-hjson
using-hjson
 
 
using-javascript-transforms
using-javascript-transforms
 
 
using-jss
using-jss
 
 
using-medium
using-medium
 
 
using-mongodb
using-mongodb
 
 
using-multiple-providers
using-multiple-providers
 
 
using-page-loading-indicator
using-page-loading-indicator
 
 
using-page-transitions
using-page-transitions
 
 
using-path-prefix
using-path-prefix
 
 
using-prefetching-preloading-modules
using-prefetching-preloading-modules
 
 
using-redirects
using-redirects
 
 
using-redux
using-redux
 
 
using-remark-copy-linked-files
using-remark-copy-linked-files
 
 
using-remark
using-remark
 
 
using-sass
using-sass
 
 
using-sqip
using-sqip
 
 
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 sit on one or the other end of the spectrum from very basic to complex/complete.

A basic example website should demonstrate a specific technology/plugin/technique to help other developers understand how to accomplish 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.