Nuxt.js
![]() | Vercel(旧ZEIT)によって開発されたJavaScriptフレームワーク「Next.js」とは異なります。 |
![]() | |
作者 | Alexandre Chopin, Sebastien Chopin, Pooya Parsa |
---|---|
初版 | 2016年10月26日 (7年前) (2016-10-26)[1] |
最新版 | 3.13.0[2] ![]() |
リポジトリ |
![]() |
プログラミング 言語 | TypeScript |
プラットフォーム | クロスプラットフォーム |
サイズ | 57 KB production |
種別 | JavaScriptライブラリ |
ライセンス | MIT License[3] |
公式サイト | nuxt![]() |
テンプレートを表示 |
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部分を開発すればよいことになる。
脚注
注釈
出典
- ^ “Nuxt.js First Public Release”. Npm. 2021年1月1日閲覧。
- ^ “Release 3.13.0” (22 8月 2024). 23 8月 2024閲覧。
- ^ “nuxt.js/LICENSE.md”. GitHub. 2018年6月18日時点のオリジナルよりアーカイブ。2018年6月18日閲覧。
- ^ “Nuxt.js First Public Release”. Npm. 2021年1月1日閲覧。
- ^ “Nuxt.js: A Universal Vue.js Application Framework”. Sitepoint. 18 June 2018閲覧。
- ^ Berning (2018年4月16日). “Getting Started with Server-Side Rendering Using Nuxt.js”. Alligator.io. 2018年7月2日閲覧。
外部リンク
- 公式ウェブサイト
- nuxt.js - GitHub