青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

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

React Next.js Gatsby.js Single Page Application SPA Server Side Rendering SSR Static Site Generate SSG 静的サイトジェネレーター

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

watablogtravel.com

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

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

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

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

同じく違いがわかる

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

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なのか！