Make your site editable in five minutes.

Our friends at Gatsby just announced the stable release of Gatsby themes.

Chris Biscardi writes on the Gastby blog:

Using a Gatsby theme, all of your default configuration (shared functionality, data sourcing, design) is abstracted out of your site, and into an installable package.

This means that the configuration and functionality isn’t directly written into your project, but rather versioned, centrally managed, and installed as a dependency. You can seamlessly update a theme, compose themes together, and even swap out one compatible theme for another.

What does “stable” mean?

The core theme APIs have been stable for a long time under the __experimentalThemes flag in gatsby-config.js. Since they’re being used in production by a number of different companies to great effect, we’re promoting these APIs, specifically composition and shadowing, to stable within Gatsby core so that people can take advantage of them with confidence.

KBall and Jason geek out on the ins and outs of Gatsby. They talked through the fundamentals of working with Gatsby, the development process, and look into the future of Gatsby.

Lauren Tan:

I recently moved my blog from Medium to a self-managed blog built with Gatsby in the open, then deployed on Netlify. After a few weeks of fiddling around, I feel like I’ve landed on something I’m mostly happy with.

This is a transition we are 💯 behind. Medium is becoming more reader-hostile all the time. Plus, wouldn’t you rather own your own content on a domain you have control over? Of course you would!

The goal of this series of blog posts is to create a personal website using Gatsby V2 from the default starter. The final website will have an index page where you can introduce yourself, a list of all blog posts, individual blog pages, tag pages listing blog posts in specific categories, and a projects portfolio page.

Here’s all the parts to this deep dive.

Part 1: Introduction and Setup
Part 2: Styling with Sass/SCSS
Part 3: Generating Blog Posts with Markdown Files
Part 4: Creating a List of Blog Posts
Part 5: Adding Thumbnail Images to a Blog List
Part 6: Adding Multiple Responsive Images to a Markdown Blog Post
Part 7: Adding Tags to Blog Posts
Part 8: Creating a Project Page from JSON data
Part 9: Pagination, Deploying to Netlify, and SEO

Check out the example repo on GitHub and preview the final website.

Kyle Mathews is the founder and CEO of Gatsby, a new company he’s building around an open source project of the same name. Gatsby as a project describes itself as a flexible modern website framework and blazing fast static site generator for React.js.

At the macro level — Kyle’s career has been focused on a better way to build and ship websites. It seems he’s done just that with Gatsby’s launch in late May 2015…since then he’s taken on a co-founder and a seed round of $3.8M to form Gatsby Inc.

From open source project to a $3.8 million dollar seed round to transform Gatsby.js into a full-blown startup that’s building what’s becoming the defacto modern web frontend. In this episode, we talk with Jason Lengstorf about this blazing-fast static site generator, its building blocks and how they all fit together, the future of web development on the JAMstack (JavaScript + APIs), the importance of site performance, site rebuilds, getting started, and how they’re focused on building an awesome product and an awesome community.

Style Guide Guide is a boilerplate for creating a custom style guide for your organization’s design system. It provides just enough IA and hooks to get you going. As a bonus, I’ve provided links to helpful resources and inspiration to help you as you create your own custom style guide.

Built with Gatsby. Demo here.

Well, Gatsby is officially a startup! They just announced the formation of Gatsby Inc. and have raised a $3.8M seed round to fund the effort. Wow, congrats Kyle and team.

Kyle Matthews writes on the Gatsby blog:

I’m thrilled to announce the formation of Gatsby Inc. Based on the open source project Gatsby I founded, Gatsby the company will make feature-rich and blazing-fast websites easier to build and run.

What is Gatsby?

Gatsby is…

• a blazing fast static site generator for React.js
• a powerful and flexible modern website framework that simplifies every step of starting, developing and running websites
• helps you leverage open source innovations in the React, NPM, and Gatsby communities for your web projects
• lets you pull data into pages from WordPress, Drupal, Contentful, markdown—and any other data source you can imagine
• compiles and optimizes your site’s code to make your sites lightning fast—even on mobile

Static site JAMStack generators are on the come-up and Gatsby looks super cool.

This post is a bit heavy on the hype-side, but a good intro nonetheless if you want to check it out without, you know, checking it out.