The Vue.js Framework

For Universal Applications.

Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.

开始使用 GitHub v2.8.1
Loading video...

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

Why Nuxt?

Performant

Performant

With Nuxt.js, your application will be optimized out of the box. We do our best to build performant applications by utilizing Vue.js and Node.js best practices. To squeeze every unnecessary bit out of your app Nuxt includes a bundle analyzer and lots of opportunities to fine-tune your app.

Modular

Modular

Nuxt is based on a powerful modular architecture. You can choose from more than 50 modules to make your development faster and easier. You don't have to reinvent the wheel to get PWA benefits, add Google Analytics to your page or generate a sitemap.

Enjoyable

Enjoyable

Our main focus is the Developer Experience. We love Nuxt.js and continuously improve the framework so you love it too! 💚
Expect appealing solutions, descriptive error messages, powerful defaults and detailed documentation. If questions or problems come up, our helpful community will help you out.

Rendering modes

  • 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.

Play with Nuxt.js online

Loading Nuxt Sandbox...
Open on CodeSandBox.io See more examples

Support the Team

Nuxt.js is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. Your donations directly support office hours, continued enhancements, and most importantly, great documentation and learning material.

Partners

Storyblok.com VueMastery.com Yakaz.com VueSchool.io Shipshape.io Hapi JS Blokt
Become A Partner

Sponsors

Sparheld Sparheld
Become A Sponsor

Nuxters

Nuxt Backers
Become A Nuxter

Foundations

shuttleworth funded