Building For Production With Gatsby, Part 1
My Twitter feed typically spans from soft skills, startup culture, remote work, to developer fury, but I instantly reacted when I saw this tweet:
🌶 Hot take: Using the to-do app as the Hello World was a big step back for teaching devs.
— Jonnie Hallman (@destroytoday) July 31, 2018
When the Twitter app was the Hello World, it taught everyone auth, associations, async requests, 3rd party APIs, offline, etc.
YES. ABSOLUTELY YES.
Why does it feel like new app tutorials aren’t actually teaching me anything? Where do I squeeze in professional development with earning my keep, pursuing healthy hobbies, and being present with family?
Enter Gatsby.
What is Gatsby?
Imagine you’re the newly hired junior associate of tech recruiting. Your client asked for a rockstar developer but you know nothing, so you Google “web development”. Nothing useful there except a dated Wikipedia entry. How about “modern web development”?
Ok, now you’re looking for someone who knows a few things: advanced CSS, a JavaScript framework (not jQuery), API interactions, performance optimization…
What if you, the (aspiring/junior/mid/senior) developer, don’t know all those things?
Gatsby is a modern development framework that includes all the above:
✅ Javascript (React)
✅ Prebuilt CSS (CSS-in-JS)
✅ API reusability (GraphQL)
✅ Blazing performance (Webpack/PWA)
Why Gatsby?
I’m not a JS junkie who only uses frameworks baked in the last 6 months. I’ve paid dues at both the mouth of node_modules and DLL hell, so if you tell me to try something new, it better be worth it. Why couldn’t you just learn all those topics on your own?
Here’s my pitch:
Gatsby starts with what you need to know, polishes what you think you know, and puts everything else under the hood.
Prefer to drive at a slower pace? This is for you.
Prefer to jump right in and go? That is for you.
Prefer to stop using vague car metaphors? Me too.
Gatsby’s components are well-documented and easy to read, and the entire source for the project is on Github. Bravo to the team for making it so accessible.
Fin
If you hadn’t already guessed, this site is built with ❤️Gatsby.
Next: I’ll share some setup issues, added functionality, and thoughts for future improvement!