Nuxt

Also known as Nuxt.js, NuxtJS

Nuxt is a free and open source full-stack web framework based on Vue.js, Nitro, and Vite. Nuxt is inspired by Next.js, which is a similar framework based on React rather than the Vue JavaScript library.

Key facts

Software.name: Nuxt
Software.logo: Logo Nuxt Black (2023).svg
Software.logo class: skin-invert
Software.author: Alexandre Chopin, Sebastien Chopin, Pooya Parsa
Software.programming language: TypeScript
Software.platform: Cross-platform
Software.size: 57 KB production
Software.genre: full-stack web framework
Software.license: MIT License

via Wikipedia infobox

Source code

github.com →

For progress you can follow and you can read more about our plans in the Nuxt 2023 vision. Nuxt's goal is to make web development intuitive and performant, with a great developer experience. Learn more in the 'What is Nuxt?' section of our documentation. Discover our list of modules to supercharge your Nuxt project. Created by the Nuxt team and community. Explore different ways of using Nuxt features and get inspired with our list of examples . Follow the docs to Set Up Your Local Development Environment to contribute to the framework and documentation.

~4 min read

Article

9 sections

Contents

Features
Path-based routing
Automatic imports
Layouts
Middleware
Server API
See also
References
External links

The main advantage of Nuxt over using Vue alone is its universal rendering system. The framework works as both an in-browser single-page application (SPA) as well as a server-rendered static website, by "hydrating" a server-rendered page to a full SPA after it is loaded. This allows websites to have the search engine optimization and performance benefits of a server-rendered site in addition to the interactivity of a client-rendered application. Nuxt largely abstracts the server-rendering features from the developer, and it's therefore able to have a similar development experience to a traditional SPA using Vue's single-file component (SFC) system.