Nuxt.jsを使うメリット

Vue.js

Nuxt.jsは、Vue.js上で動く強固なモジュール機能をもったフレームワークです。
Nuxt.jsを使うメリットを紹介します。

Nuxt.jsのメリット

Nuxt.jsが使われる理由の大きな理由の一つに、サーバーサイドレンダリング(SSR)を用いたWebサイト、Webアプリを簡単に作成することができる点があげられます。

また、ファイルやフォルダ構造経由でコンフィギュレーションをセットすることができます。routerで逐一指示する必要がなくなり、慣れるととても便利になります。

Vue.jsはクライアントサイドを作るためのJavaScriptフレームワークなので、サーバーサイドレンダリングと聞いてもピンとこない場合があるかもしれません。

そのため、Webサイトの仕組みをさらっとおさらいします。

Webサイトの仕組み

Nuxt.jsは、サーバーサイドのフレームワークではありません。

ユーザーが検索エンジンなどを使ってあるページにアクセスします。
そのリクエストが送信されたら、サーバーが該当のHTMLをバックします。
Vueアプリでは、そのHTMLをUIを整えてユーザーに見せるためにレンダリングする、ということをやっています。
そのHTMLは、クライアントサイドだけでなく、実はサーバーサイドでもレンダリングすることができます。

サーバーサイドレンダリング(SSR)について

SPAの場合、クライアントサイドでUIを組み立てることになりますが、グーグルなどのクローラーはクライアントサイドで組み上がる最終的なUIを待ちません。そのため、SEO的に不利になります。
しかし、サーバーサイドでレンダリングするSSRなら、クローラーが情報をしっかりとキャッチすることができます。

Nuxt.jsを使うことで、このSSRを利用したWebアプリを動的にも静的にも簡単に作成することができるようになります。

SSRはNuxt.jsを使わないとできないのか?

SSRはNuxt.jsを使わずとも可能です。
ただし、そのためにはそれ相応の知識が必要になります。
Nuxt.jsを利用すると、比較にならないほど簡単にできるので、SSRにするなら、Nuxt.jsを使った方がいいでしょう。

Vue.js

Posted by devsakaso