Nuxt.jsのSSRとCSRのライフサイクルがよく分からず、検証してみたので備忘録として残しておきます。 今回使用しているバージョンはNuxt 2.12です。 SSRとCSR サーバーサイドレンダリング(SSR)とは、サーバー側でHTMLを描画してブラウザに直接表示する手法です。 詳しくは公式ガイドに載っています。 Vue.js サーバサイドレンダリングガイド | Vue SSR ガイド Nuxt.jsでSSRを使う場合は、 初回の描画時はSSRとCSR それ以降の再描画時はCSRのみ となっています。 ライフサイクル ライフサイクルを確認するためにこのようなコードを用意しました。 <template> <div> <h1>SAMPLE</h1> <nuxt-link to="/blue">リンク</nuxt-link> </div> </template> <script> expor