この記事の目的
nuxtでSSRをするサービスのプロジェクトでどこのインフラ使おうかなーと調べてメリット・デメリット並べてみた。
SSRとは
実は告白すると僕SSRって静的なファイルを事前に作っておくことでgenerateすることと同義だと思っていました。だけど調べていくとgenerateは本当に静的なHTMLなので動的な部分があると向いてないです。
- SSRはサーバーサイドが都度レンダリングしてページを返す
- SPAはクライアントサイドでレンダリングしている
- generateはサーバーに置かれている時点ですでにHTML化されてて静的な状態になっている
って感じ。
firebasehosting
firebase functionsを使うことになります。
twitterに対してはheadタグ内のogpだけ返して人に対してはページを返すみたいなfunctionsの動き。
netlify
prerendering
https://docs.netlify.com/site-deploys/post-processing/prerendering/#how-it-works
まだbetaだけどnetlifyにはprerindering機能があり、OGPや検索エンジンへレンダリングして返すというSSRと同じ動きをしてくれる。
heroku
まあherokuだよね。そうだよね。herokuだとnode.jsで動かす感じになる。
「Nuxt + Herokuで簡単にデプロイする」
https://qiita.com/pentla/items/de3e6b50f84fcc188fa5