I think Gatsby is the future of the web. I’m going to explain why by comparing it to WordPress, the go-to platform for websites over the last fifteen years. I think Gatsby already meets or exceeds most of the things that make WordPress so popular, so it’s well placed to become the next huge thing.
Why WordPress was so successful
I think WordPress has dominated the web for a few reasons.
Free and open-source
WordPress is free and open-source, but backed by a private company called Automattic. This makes it an obvious default to build on, especially for small to mid-sized sites with limited budgets. If you’re an agency charging under £10k for a basic marketing site plus blog you can’t really afford to splash a decent chunk of that on a framework or content management system.
The proliferation of cheap shared PHP hosting that sprang up in the 2000s made it easy to throw a WordPress site somewhere. There are also lots of well-established (slightly more expensive) dedicated WordPress hosts who manage the installation and upgrade process. This is great for peace of mind after handing a site off to a non-technical client.
There are a lot of developers and businesses contributing themes, plugins and code to WordPress. This makes it easy to install new functionality without writing code yourself.
Great content experience
The WordPress CMS makes it easy for non-technical users to log in and update the site. I think developers sometimes underestimate just how important this is—even something as “simple” to us as editing a Markdown file on Github is too much for someone at a small business already doing three jobs who just wants to edit a blog post.
Gatsby vs WordPress
Lets revisit the four things that helped WordPress succeed and see how Gatsby matches up.
Free and open-source
Gatbsy is also free and open source. There’s a VC-backed company behind the software (Gatsby Inc) just like Automattic. Gatsby Inc is a little bit smaller than Automattic, but it’s very new. They’ve assembled a team of great people who clearly care deeply about building a fantastic tool.
Easy shared hosting
Since Gatsby sites are entirely static (everything is either pre-rendered at build time or rendered on the client) you don’t even need your own server. There’s been a boom in cheap (or free!) static hosts with great developer experiences (e.g. Netlify, Now) and Gatsby is positioned to take advantage. You can even throw a Gatsby site on Github Pages if you like.
The community isn’t as big as WordPress’ but it’s growing quickly. The Gatsby ecosystem is built on plugins, and the core Gatsby APIs make it easy to create your own if you can’t find what you’re looking for.
Great content experience
This is where Gatsby is still lacking. A static site is great for many reasons, but it does make content editing more complicated. You’ve got to store the assets somewhere, and without a server and database that means you’re reliant on 3rd party services like Contentful and Netlify CMS. Lots of Gatsby sites are developer-focused and store content in Github, but this isn’t as feasible for non-technical editors.
New Gatsby features
Gatsby’s new Themes are a huge step in the right direction for developers building client sites. Themes allow you to hide all the complexity and setup of big sites that need lots of plugins behind a single dependency. All of the config files and base components/styling can live somewhere else, an
npm install away. They’re also quite easy to override using component shadowing.
MDX is a new superset of markdown that also allows JSX (to render React components). Writing in it is a pretty amazing experience, and it will get even better with good CMS support. It’s still fairly new (most Gatsby sites still use Remark Markdown rather than MDX), but it’s getting more and more mature. This very blog is written in MDX if you’d like to see an example.
I find using JSX in MDX is nicer than shortcodes in WordPress. You can achieve the same functionality, but the syntax for content editors is closer to HTML (a standard). Creating React components is a nicer experience than registering custom shortcodes. You can also leverage any of the pre-existing React components on npm/Github. MDX makes creating custom content very accessible to non-technical users:
# My blog post
<Youtube id="dQw4w9WgXcQ" />
Where Gatsby outshines WordPress
Gatsby is super fast by default. It’s possible to make a slow Gatsby site, but out of the box it generally gets perfect scores on performance tests. In contrast whilst it is possible to make a super fast WordPress site the default isn’t great. The plugin model means it’s common to come across sites with tons of injected blocking resources, three different copies of JQuery and a generally slower experience.
WordPress has an opinionated data model. You store everything in the MySQL database and adapt everything to fit how WordPress wants it to work. Gatsby is much more data-agnostic. The plugin system makes it simple to combine different sources of data. You can have markdown files in a Github repo, a Google Sheet and a CMS like Contentful all piping content in to the site at build time.
gem install or
Modern interaction paradigm
WordPress sites usually still rely on JQuery to sprinkle interactivity on top of server rendered pages. When sites require a lot of dynamic interactions this can get pretty gnarly to manage. Gatsby is nice because it’s both a platform for static sites and client-side apps. Since you always have React available it’s pretty trivial to quickly throw a more dynamic “app-like” experience onto certain parts of a site.
Problems Gatsby needs to solve
I think the content management problem is a big one for Gatsby. Until there’s a good (probably included) solution for this I can’t imagine the long tail of agencies building marketing sites for mid-tier companies will jump on board. Third party CMSs are great but they’re usually an extra load of setup (and another thing to break during upgrades down the line) and usually another monthly bill for the client.
This is obviously a difficult challenge for a framework designed to run without a server or database. One possible solution could be a (probably paid) product offering from Gatsby Inc (the company rather than the OSS project) that adds CMS functionality on top for those who need it and want an “integrated” solution. Gatsby Inc are already experimenting with associated products like Gatsby Preview so this isn’t entirely unfeasible.
This is related to content management—if you want people to be able to update the site you need to be able to authenticate users. Without a server this is pretty difficult. Again there are third-party solutions like Authy and Netlify Identity but this won’t work for everyone.
There are still huge numbers of developers out there comfortable with their WordPress LAMP stack. If they’re happy and productive then that’s great, but Gatsby needs to find a way to reach them and communicate that there could be something even better. Gatsby also needs to win mindshare amongst clients, as there’s not much an agency can do if a business insists on a WordPress site because that’s what they know.
I love creating Gatsby sites as a developer, and I love browsing Gatsby sites as a user (you can usually tell it’s a Gatsby site when everything is loading instantly). I’ve built WordPress sites in the past and I have a lot of love for what it’s done for the web and open source, but I think the time has come for a new default that really pushes the web forward.