Barebones Gatsby Starter

TypeScript
Styled Components
Rebass
MDX
Jest
NetlifyCMS, with local file-system and MDX
support
Lint Staged
Prettier

This starter was extracted from an earlier iteration I completed while working
on Palette, Artsy’s design system. Check out the
docs site for a more full-featured example
(including some interesting live-coding capabilities) or the
source-code.

Development

yarn start
yarn clean
yarn type-check

Please note that Yarn is required, as NPM may not install dependencies correctly, causing issues for development.

Deployment

yarn build

Demo

demo

GraphQL Validation

Validation has been added via eslint-plugin-graphql:

screen shot 2019-01-26 at 6 49 01 pm

TODO: Figure out how to generate usable types for TypeScript with
apollo-cli.

Gatsby API Details

1. gatsby-browser.js: This file is where Gatsby expects to find any usage
of the Gatsby browser APIs
(if any). These allow customization/extension of default Gatsby settings
affecting the browser.
1. gatsby-config.js: This is the main configuration file for a Gatsby
site. This is where you can specify information about your site (metadata)
like the site title and description, which Gatsby plugins you’d like to
include, etc. (Check out the
config docs for more
detail).
1. gatsby-node.js: This file is where Gatsby expects to find any usage of
the Gatsby Node APIs (if any).
These allow customization/extension of default Gatsby settings affecting
pieces of the site build process.
1. gatsby-ssr.js: This file is where Gatsby expects to find any usage of
the
Gatsby server-side rendering APIs
(if any). These allow customization of default Gatsby settings affecting
server-side rendering.