SPAとSSRまたは静的化の関係性

更新:2020/10/27 04:20 by nasu38yen

公式ガイド「はじめに」のSPA/SSR/静的化のメリット・デメリットを読むと、
この3つはNuxtでプロジェクトを作成する場合に最初に選ぶべき選択肢となります。
それはまあその通りです。
ただ、もしなにか新しくサイトを作成しようとしてプロジェクトを作成する場合、
SPAと他2つは区別して考えた方が良い気がします。
SPAの成果物はビルドされたjsです。これはどちらかというとコンテンツで、サイトではありません。
一方、SSRと静的化は、サーバー側にURL別のファイルを持つサイトです。

Nuxtのプロジェクト的には、
mode:'universal' で作成したものを mode:'spa' に変更してデプロイしなおすということもあるでしょう。
その場合、そのSPAはSSRサイトと比較されるべきSPAサイトであるとは思います。
しかし、SPAの本質がコンテンツファイルであるからには、それはどこのどんなサイトでもホストできるわけです。
そんなことはあたりまえで今更説明することでもないといわれるかもしれませんが...
老いの繰り言といわれるかもしれませんが... ここはやっぱり区別を意識した方が良いと思うのですます。

例えば、このサイトは、NuxtのプロジェクトをNetlifyにデプロイしたgeneratedなサイトなわけですが、
このプロジェクトに、別のNuxtプロジェクトで作成したSPAを含むことはできますよね?できないの?
それができれば、この静的化サイトはSPAを含むわけです。を試してみませう!
試してみました。撃沈しますた!
Nuxtで作成、ビルドしたSPAはただのコンテンツと言い切れるものではありませんでした。
NuxtのSPAは、サイトサービスにデプロイするひとつのサイトと割り切るのが吉でしょう。
試しついでで、vue/cliでビルドしたSPAも試してみました。一瞬表示されて、消えてしまいました。
さらに古いwebpackでビルドしたものはいけそうな感じですが...

結論、混ぜるな危険!;;;;


親ノート

Universal JavaScript 更新:2020/10/27 04:20 by nasu38yen

関連ノート

SPA⇒SSRを試す 更新:2020/10/27 11:51 by nasu38yen
SSG⇒SPAを試す 更新:2020/10/27 04:19 by nasu38yen
configとcommandの整理 更新:2020/10/27 00:18 by nasu38yen