React Knowledgeable

React Knowledgeable, nicknamed <RK />, is a fun and friendly podium to share what we learn about React.

Speak at RK

🦖 How Modern Static Site Generators Work

yangshun on August 7, 2019

Speaker Profile

My name is Yangshun. I am a Front End Engineer at Facebook. I'm reachable on Twitter (@yangshunz)

Intro

I'd like to talk about the architecture of modern SSGs (static site generators) and how they work.

Jekyll, Hexo, and Hugo are few of the earliest static site generators to have been invented and they have been used to build a significant number of websites in history. More recently, modern SSGs such as Gatsby, Next, Docusaurus and VuePress have emerged. These SSGs are an improvement over traditional SSGs - the initial render is HTML but sequent navigations utilize HTML pushState() and client-side rendering. Such hybrid rendering approaches provide an awesome user experience of a fast initial load (low TTI) and fast subsequent navigations.

This talk goes into the inner mechanisms behind how modern SSGs are built and their architecture. Spoiler alert - they're really similar! We will also see how Docusaurus is an example of such a modern SSG framework that can be used for building fast and performant websites.

Planner

  • I prefer to give this talk at: September
  • Number of minutes needed to ⚡️: 10