Static site generation has long been a problem that has been "solved" with tools like Jekyll, Hugo, Hexo, et al. However, a challenger looms, and that challenger is Gatsby. Gatsby is a ReactJS powered static site generation tool that is a very capable challenger to these aforementioned, established tools. This talk goes into the details of what Gatsby is, what static site generation really is, and how the listener can make performant, dynamic, and incredible static websites with the incredibly powerful combination of Gatsby and React.
The talk will begin with an illustration of what static site generation means, and some sample code and approaches used by existing tools, e.g. Jekyll, Hugo, etc. From this perspective, we can then shift the discussion into what a (current) modern website stack looks like, outside of static site generation.
Introducing... Gatsby! Gatsby is a modern static-site generator powered by React. Just as React is "eating the world" in areas like the web and native, it similarly is now attempting to conquer static site generation and performant web applications. We will discuss how GatsbyJS makes static sites, and in particular, several of its techniques that have led to Gatsby being described as "ludicrously fast" such as progressive image loading, content aware bundling, etc.