DEV Community

Cover image for GatsbyJS - Score 100 on Lighthouse with ease
Sm0ke
Sm0ke

Posted on • Edited on

GatsbyJS - Score 100 on Lighthouse with ease

Hello coders,

I'm focusing a lot, lately on JAMstack and web development tooling.
After digging a few weeks to find a modern toolchain to vibe with, I can say the winner is GatsbyJS. I'm not writing this article to convince anyone that GatsbyJS will conquer the universe or is better than other tools. It's just something that I'm 100% compatible.

Thanks for reading! - Content provided by App Generator.


IMHO, GatsbyJS succeeds to isolate the web app content (what users see & use) from the technology (the devs space) and link these worlds nicely.

Based on these facts, allow me to present the latest app that I play with: a Gatsby stater, styled with SCSS. No heavy Bootstrap, no jQuery. Just a clean and simple layout, blazing fast UI with a maximum score on Lighthouse.

GatsbyJs starter - The lighhouse Score

How to use this Gastby Starter

npm install -g gatsby-cli # install Gatsby CLI

# clone the app
gatsby new gatsby-starter-scss https://github.com/app-generator/gatsby-starter-scss

# start the app
cd gatsby-starter-scss/ && gatsby develop

# Build for production
gatsby build 
Enter fullscreen mode Exit fullscreen mode

GatsbyJs starter - Animated intro

Resources

Thank you!

Top comments (0)