Skip to content

gatsby, react, SSR, graphql staticQuery, passing all lighthouse audits with 100% and also automated deployments on aws-Oregon with <800ms total load time to Toronto

License

Notifications You must be signed in to change notification settings

nisten/perfect-boilerplate

Repository files navigation

The perfect boilerplate

CircleCI Greenkeeper badge styled with prettier Netlify Status

An opinionated High performance Gatsby boilerplate running on netlify and aws with perfect google lighthouse scores across the board.


Features

  • 🤩 Page Transitions, component-based (with no-js support)
  • 👮‍♂️ IntersectionObserver, component-based (with polyfill)
  • 🌿 React Context for global UI state, with SSR
  • 💅 styled-components v4
  • 💯 Optimized with Google Lighthouse (including test)
  • 🔥 Code Splitting of CSS and JS (component based)
  • 🔪 Inline SVG support
  • ⚙️ One config file for site-wide settings
  • 💙 Most social + meta tags in one component
  • 🖼 All favicons generated, only one icon file needed
  • 🌐 Offline support
  • 📄 Manifest support
  • 🗺 Sitemap support
  • 📱 Generated media queries for easy use
  • 😎 Prettier for code style
  • 👷‍♂️ CircleCI support
  • 🐙 Schema JSONLD
  • 🔎 size-plugin to keep an eye on your bundle sizes
  • 👨‍🏫 ESLint (based on eslint-plugin-react)

Do you have suggestions or feedback? Open an issue!

Google Lighthouse scores (from chrome dev-tools)

Lighthouse scores

All builds and deployments as a serverless app that "scales horizontally" are automated through AWS-Amplify.

Enjoy the performance, and sorry about all the buzzwords.

Nisten

About

gatsby, react, SSR, graphql staticQuery, passing all lighthouse audits with 100% and also automated deployments on aws-Oregon with <800ms total load time to Toronto

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published