totally email me @ firstname.lastname@example.org if you want to chat about working with me
I started building websites in Drupal — did that for several years. Lots of PHP and lots and lots of clicking around in admin UIs :D
Backbone was my intro to rich web apps — built web apps for several years at a startup, Pantheon.
2014 seminal year. Quit job at startup, spent a lot of time playing around with new tech. Rebuilt blog as static website. Loved simplicity of markdown + speed of serving static files.
React.js, dropped Backbone and didn’t look back, Dan started his hot reloading project that summer. Ryan and Michael started working on the React Router. Inline styles became a thing (haven’t used CSS since). Starting using Webpack. Played around with all this on side projects and my new startup and never been happier with web stack.
By early 2015 I was super happy with my web app toolkit but was looking at needing to build website soon for startup… how to do that? Didn’t want to give up on React.js.
Then it hit me that I could perhaps just generate a web app reconstituted from statically rendered markdown files.
I told my co-founder that I needed to “work on the website”
As well as I’d hoped. Better perhaps. Trippy how fast clicking around marketing website is once it’s a SPA
Presentation on Gatsby to SF Static Web Tech Meetup
Gatsby: A React.js
Static Site Generator
8 months old but quite a few
sites are built on it already
Here I make a case for why
Gatsby is best choice in 2016
for building static websites
Gatsby has native support for
Best Parts of 2016 Web Dev
Postcss, Webpack, Components, React.js,
Comparing static site
generators with Gatsby
* Markdown — same
* HTML/Templates — same-ish
* CSS — more or less same, most support
enhancement level, Gatsby very easy
* Components — Gatsby pretty unique here w/
1st class support
Gatsby Developer experience
* Batteries included
* Boilerplate + Gatsby “apps” (tentative
* Hot reloading
* Feel very natural to React dev
* Entire React ecosystem available to static
sites (npm install my-favorite-component)
Gatsby User experience
* No-reload page transitions
* Easy service worker support for client
caching + offline