Nuxt.js

Nuxt.js is a free and open source web application framework based on Vue.js, Node.js, Webpack and Babel.js. The framework is advertised as a "meta-framework for universal applications". The term universal is used here with the meaning that the goal of the framework is to enable users to create web views in JavaScript utilizing the familiar Vue.js single file component system[4] and that can function both as in-browser single page application (SPA) views as well as server-rendered web views which are then (after server rendering) "rehydrated" to full SPA functionality[5][6]. Additionally, the framework enables users to have the content, or parts of it, fully pre-rendered on the server and served in the manner of static site generators.

Nuxt.js
Original author(s)Alexandre Chopin, Sebastien Chopin, Pooya Parsa
Initial releaseOctober 26, 2016 (2016-10-26)[1]
Stable release
2.12.2 / March 31, 2020 (2020-03-31)[2]
Repository
Written inJavaScript
PlatformCross-platform
Size57 KB production
TypeJavaScript library
LicenseMIT License[3]
Websitehttps://nuxtjs.org/

The benefits of this approach are, among other reasons, reduced time to interactivity and improved SEO compared to SPAs, due to the fact that full contents of each page are being served by the web server before any client-side JavaScript is executed. Put alternatively, one can maintain both the benefits of traditional server-side rendered HTML pages, and improved interactivity and advanced user interface of SPAs. The core benefit of the Nuxt.js framework itself is that it makes the configuration and setup of such applications simplified and seamless to the application developer, who can simply develop UI portions of the application as if it were a more common Vue.js single file application.

Nuxt.js is different from Next.js.

External resources

References

  1. "Nuxt.js First Public Release". Npm.
  2. "Nuxt.js Releases". GitHub.
  3. "nuxt.js/LICENSE.md". GitHub. Archived from the original on 2018-06-18. Retrieved 2018-06-18.
  4. Jones, Ben. "Creating Server-side Rendered Vue.js Apps Using Nuxt.js". Toptal. Retrieved 2018-07-02.
  5. "Nuxt.js: A Universal Vue.js Application Framework". Sitepoint. Retrieved 18 June 2018.
  6. Berning, Dave (2018-04-16). "Getting Started with Server-Side Rendering Using Nuxt.js". Alligator.io. Retrieved 2018-07-02.
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.