Vue.js フレームワーク

For Universal Applications.

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

Loading video...

Video produced by Vue Mastery, download their free Nuxt Cheat Sheet.

なぜ Nuxt なのか?

Performant

パフォーマンス

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

Modular

モジュール

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

Enjoyable

楽しみ

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

レンダリングモード

  • Server Side Rendered
  • Statically Generated
  • Single Page App

Server Side Rendered (Universal)

The most popular mode for Nuxt. With SSR, also called "universal" or "isomorphic" mode, a Node.js server will be used to deliver HTML based on your Vue components to the client instead of the pure javascript. Using SSR will lead to a large SEO boost, better UX and more opportunities (compared to a traditional Vue SPA).

Because implementing SSR on your own can be really tedious, Nuxt.js gives you full support out of the box and will take care of common pitfalls.

Statically Generated (Pre-Rendering)

Static Site Generation is a very hot topic right now! Instead of switching to another framework and spending time to get used to it, why not killing two birds with one stone? (only proverbial 🐦🐦)

Nuxt.js supports generating a static website based on your Vue application. It is the "best of both worlds" as you don't need a server but still have SEO benefits because Nuxt will pre-render all pages and include the necessary HTML. Also, you can deploy the resulting page easily to Netlify or GitHub pages.

Single Page Application (SPA)

Don't need SSR or Static Site Generation but still want to profit from the benefits that Nuxt provides? Are you slowly transitioning your app and want to start lightweight? Then the traditional SPA mode will likely be your choice. The outcome will be a typical Vue SPA as you know it but influenced by your Nuxt configuration and the framework itself.

Nuxt.js をオンラインで試す

Loading Nuxt Sandbox...

チームを支援する

Nuxt.js は MIT ライセンスのオープンソースプロジェクトで、完全無料で使用できます。ただし、プロジェクトの新しい機能を維持および開発するために必要な作業は、適切な資金援助なしには持続できません。あなたの寄付は営業時間、継続的な機能強化、そして最も重要なことに、素晴らしいドキュメントと学習教材を直接サポートします。

Foundations

shuttleworth funded