Nuxt.js

Vercel（旧ZEIT）によって開発されたJavaScriptフレームワーク「Next.js」とは異なります。

Nuxt.js（ナクスト・ジェイエス）は、Vue.js、Node.js、Webpack、Babel.jsに基づく自由かつオープンソースWebアプリケーションフレームワークで、Next.js^[4]に影響を受けて開発された。

Nuxt.js

作者	Alexandre Chopin, Sebastien Chopin, Pooya Parsa
初版	2016年10月26日 (8年前) (2016-10-26)[1]
最新版	3.16.1[2]  / 2025年3月19日 (34日前)
リポジトリ	github.com/nuxt/nuxt
プログラミング 言語	TypeScript
プラットフォーム	クロスプラットフォーム
サイズ	57 KB production
種別	JavaScriptライブラリ
ライセンス	MIT License[3]
公式サイト	nuxt.com

概要

このフレームワークは、「ユニバーサルアプリケーションのメタフレームワーク」を謳う。ここでのユニバーサルとは、ブラウザでもサーバでも同一のVue.jsシングルファイルコンポーネントを利用してWeb画面を作成することができることを意味する。ブラウザにおいてはシングルページアプリケーション（SPA）により、サーバーにおいてはサーバサイドレンダリング（SSR）により画面を作成する^{[注釈 1][5][6]}。さらに、Nuxt.jsを使用すると、コンテンツの一部または全てをサーバー上で事前にレンダリングし生成が可能^{[注釈 2]}。

サーバーでレンダリングを行う利点はいくつかあるが、中でもSPAと比較してインタラクティブになるまで時間が短くなること、SEOが改善することである。これらは、クライアント側のJavaScriptが実行される前に各ページのレンダリング済みのHTMLがWebサーバーにより提供されることによる。言い換えると、従来のサーバーでHTMLページをレンダリングする場合のメリットと、SPAの優れたユーザーインターフェイスを利用できるメリットの、両方を利用できる。 Nuxt.jsフレームワーク自体の最大の利点は、アプリケーション開発者にとってそのようなアプリケーションの設定やセットアップをシンプルかつシームレスにできることである。よって一般的なVueのSFCを利用したアプリを開発しているかのように、開発者は単にUI部分を開発すればよいことになる。