SSR/SSG/SPAのそれぞれの適用

更新:2020/10/30 07:01 by nasu38yen

SSR

ブログやNoteやQiitaのような記事を一般に公開するサイト
記事毎のURLが共有される可能性が高い動的ページはSSRすれは良い気がします


SSG

いわゆる会社のホームページのようなもの
更新が少なく、ページ総数もたかだかであれば静的化コストは得られるメリットでペイできます

SPA

LINEやslackのようなユーザーがログインして使用するアプリ的なもの
そもそもAPIコールはログインで保護されるべきなのでブラウザ側でAPIコールが発生して問題はないはず。
Blog的なものをSPAでやるには各ページ直リンク時の404対応が必要になります。

SSG+SPA

SSGとSPAを組み合わせたサイトは可能
ただし、Nuxt SPAはLayoutを含めてビルドされるため留意は必要で、
SSGなページにNuxt SPAを埋め込むことはできません。
Nuxt SPAはあくまでまとまったサイトで、
SSGサイトのサブディレクトリとして動作するようにすることはできます。
ページの部分をレンダリングするような、つまりページのコンポーネントのように使うSPAは
従来のVue.jsで作成すればよい気がします。

結論、Nuxtはサイトを構築するツールである
いろんなページに埋め込み可能なDiscusのようなサービスをNuxtで作成することはできない気がします。

親ノート

用途を考える 更新:2020/10/27 23:52 by nasu38yen