Gatsby Boilerplate

An opinionated and configurable boilerplate to quickly scaffold progressive, lightweight Gatsby projects.

Features

• 100/100 Lighthouse scores out of the box
• Full typescript support
• Full Emotion support
• Lightweight functional (styleless) base components
• Automatic type generation and editor integration for GraphQL
• Internal generators for pages and components (built on Hygen)
• Starter CSS design system (built on Pollen)
• Storybook 5 preconfigured for Gatsby
• Prettier configured out of the box
• Netlify deployment configuration
• Lazyloaded polyfills (CSS variables, etc)
• Development build notifications

Sources

• Prismic
• MDX
• No source (bare project)

Optional components

• Button
• AdaptiveCarousel
• Forms (Range, Select, Textarea)
• Video
• Modal
• TwoUp
• Toasts

Usage

Scaffold the boilerplate with sao and follow the prompts.

npx sao seaneking/gatsby-boilerplate

Or parse the files in /template with ejs, and pass in the variables promtped for in /saofile.js.

---

© 2020 MIT license by Sean King