Mental model complexity of static site generators

1. NextJS

1.1. query page

1.1.1. fetch data

1.1.1.1. component

1.1.1.2. component

1.2. query page

1.2.1. fetch data

1.2.1.1. component

1.2.1.2. component

2. react-static

2.1. static.config.js (routes config + data fetching)

2.1.1. container (page)

2.1.1.1. component

2.1.1.2. component

2.1.2. container (page)

2.1.2.1. component

2.1.2.2. component

3. Gatsby

3.1. gatsby-source-* (plugin)

3.1.1. layout

3.1.1.1. page

3.1.1.1.1. en

3.1.1.1.2. th

3.1.1.2. page

3.1.1.2.1. en

3.1.1.2.2. th