Changelog

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.

read more

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.

read more

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.

read more

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.

read more

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

read more

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.

read more