Nuxt.js

ウィキペディア

Nuxt.js

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2023/07/04 07:16 UTC 版)

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

Nuxt.js

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

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

概要

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

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

脚注

[脚注の使い方]

注釈

1. ^ SSRの場合はSPAへHTMLがハイドレーションされる。
2. ^ 静的サイトジェネレーションと呼ばれる。

出典

1. ^ “Nuxt.js First Public Release”. Npm. 2021年1月1日閲覧。
2. ^ “Release 3.6.5” (19 7月 2023). 30 7月 2023閲覧。
3. ^ “nuxt.js/LICENSE.md”. GitHub. 2018年6月18日時点のオリジナルよりアーカイブ。2018年6月18日閲覧。
4. ^ “Nuxt.js First Public Release”. Npm. 2021年1月1日閲覧。
5. ^ “Nuxt.js: A Universal Vue.js Application Framework”. Sitepoint. 2018年6月18日閲覧。
6. ^ Berning (2018年4月16日). “Getting Started with Server-Side Rendering Using Nuxt.js”. Alligator.io. 2018年7月2日閲覧。

外部リンク

• 公式ウェブサイト
• nuxt.js - GitHub