Vue.js フレームワーク

ユニバーサルアプリケーションのために

Nuxt.js は Vue.js アプリケーションの開発を楽しくするために必要なすべての設定が揃っています。

なぜ Nuxt なのか?

Performant

パフォーマンス

Nuxt.js は、あなたのアプリケーションをすぐに最適化することでしょう。 Vue.js と Node.js のベストプラクティスを利用することで、パフォーマンスの高いアプリケーションを構築することに最善を尽くします。 アプリケーションから不要な部分を絞りだすために、Nuxt はバンドルアナライザや多くの微調整の機会を含んでいます。

Modular

モジュール

Nuxt は強力なモジュール構造に基づいています。開発をより早く簡単にするために、50を超えるモジュールから選ぶことができます。PWA の利点を得るため、ページに Google アナリティクスを追加するため、サイトマップの生成のために車輪の再発明をする必要はありません。

Enjoyable

楽しみ

私たちのメインフォーカスは開発者体験です。私たちは Nuxt.js が好きで、継続的にフレームワークの改善をしているため、あなたも好きになることでしょう!💚
魅力的な解決策や、説明的なエラーメッセージ、強力なデフォルト設定、詳細なドキュメントが待っています。もし質問や問題が発生した場合、私たちの有用なコミュニティが助けてくれるでしょう。

レンダリングモード

  • サーバーサイドレンダリング
  • 静的ファイルの生成
  • シングルページアプリケーション

サーバーサイドレンダリング (ユニバーサル)

Nuxt で一番人気のモードです。サーバーサイドレンダリングでは「ユニバーサル」または「アイソモーフィック」モードと呼ばれ、 Node.js サーバーではピュア JavaScript の代わりに Vue コンポーネントベースの HTML をクライアントに配信するために利用しています。 サーバーサイドレンダリングを利用すると従来の Vue SPA と比較し SEO が大幅に向上し、UX がよくなり、より多くの機会が増えます。


サーバーサイドレンダリングを自分で実装するのは非常に面倒です。Nuxt.js はそのまま利用でき、よくある落とし穴を回避します。

静的ファイルの生成 (プリレンダリング)

静的サイト生成は現在非常に注目されているトピックです。別のフレームワークに切り替えて慣れるのに時間を費やす代わりに、なぜ一石二鳥ではいけないのでしょうか? (ただのことわざ🐦🐦)

Nuxt.js はあなたの Vue アプリケーションに基づく静的ウェブサイトの生成をサポートします。 Nuxt はすべてのページを事前にレンダリングしてインクルードするため、サーバーは必要ありませんが SEO の利点はあるという、いいとこ取りをしています。 また、作成したページを Netlify または GitHub Pages に簡単に配置できます。

シングルページアプリケーション(SPA)

サーバーサイドレンダリングや静的サイト生成は必要ありませんが、それでも Nuxt が提供する利点から利益を得たいですか? 徐々にアプリを移行し、軽量に始めたいですか?その場合従来の SPA モードがあなたに適しています。 結果はあなたも知っているごく普通の Vue SPA になりますが、Nuxt の設定とフレームワーク自身の影響を受けています。