nisten / perfect-boilerplate

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

The perfect boilerplate

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)

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