Gatsby Icon

Gatsby

Blazing-fast static site generator for React
14 Stories
All Topics

Josh Comeau joshwcomeau.com

A static future

Why is static the future? How do you define “static”? Read this deep dive from Josh Comeau to find out…

The term “static” can be a little overloaded, and occasionally a little misleading. Here’s how I’d define it:

“A static website is a website where the initial HTML is prepared ahead of time, not dynamically generated by a server on request.”

When you make a request to this website, for example, Netlify serves pre-generated HTML to you. I don’t have a Node server dynamically rendering HTML documents on-the-fly.

Kyle Mathews gatsbyjs.org

Gatsby raised $15M in a Series A funding round

Congrats @KyleMathews and team, wow.

Why the excitement and growth? The answer is simple. Gatsby was founded around a big idea, and that idea is starting to go mainstream. We believe that the basic architecture of websites is being reinvented. The dominant web architecture, the LAMP stack, was founded at the dawn of the web before paradigm-shifting technologies were invented, like virtual machines, AWS, smartphones, Git, Node/NPM, React, and Serverless—elements of modern engineering we now take for granted.

For those interested in the deeper backstory on the formation of Gatsby, check out Founders Talk #59 with Kyle Mathews (the creator of Gatsby).

Chris Biscardi gatsbyjs.org

Gatsby themes promoted to stable!

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.

Lauren Tan no.lol

Migrating from Medium to 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!

Denny Tek dennytek.com

Building a personal site with Gatsby (part 1)

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 gatsbyjs.org

GatsbyJS raised a $3.8M seed round and is now a startup

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
0:00 / 0:00