青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

Create React App と Next.js と Gatsby.js の違いは何なのか調べようと色々まとめてみた

Single Page ApplicationかServer Side RenderingかStatic Site Generateか、の3種類ある

watablogtravel.com

前提として、Next.jsのStatic Site Genelateが可能になったのは最近の話??2020年3月に本格的に純粋なStatic Site Genelateの機能が備わったらしい。

gotohayato.com

なので、いま調べているとNext.jsはそもそもServer Side Renderingのことを指していることも多く、注意が必要だなと感じる。最新の機能では適切な比較ではなさそう。

Reactとしてのアプリ(SPA)と、Sever Side RenderingとStatic Site Generateの違いがわかる

mottox2.com

Next.jsだと標準でWebpackを拡張できるらしい

同じく違いがわかる

medium.com

qiita.com

Static Site Generateとは、とGatsbyとやれること

qiita.com

Static Site Generatorの人気ランキング

www.staticgen.com


結論、今まではNextとGatsbyの違いは実質Server Side RenderingかStatic Site Generateか、だった側面がある(NextでもStatic Site Generate出来たみたいだけど、本格的に機能が備わったのは最近)

GraphQLかどうかとかは正直現時点ではそれが意味することが何なのかわかっていない。Gatsbyはあとプラグインが豊富で入れればどうにかなる、みたいなものはけっこう多いみたい。


追記

Create React AppはつまりClient Side Renderingなのか!