Nuxt.js 1.0: Make web apps faster than ever with this Vue-based framework
There’s a new framework in town. Nuxt.js brings the best of Next.js and Vue together to create a framework for complex and universal web app creations.
The idea for Nuxt.js came not long after Next.js was released. What if Next.js could be combined with Vue? A year and some change later, Nuxt.js 1.0 has officially arrived.
Nuxt.js is a framework that runs on top of Vue.js, vue-router, vuex and vue-meta. This framework aims to create a quick turnaround for creating complex and universal Vue web applications. Developers are able to create a static generated web app quickly with no need to write a build config.
The main focus for Nuxt.js is to make a framework with enough flexibility to work as a main project base or as additional support to a Node.js project. They do this with UI rendering while abstracting away the client/server distribution. When nuxt is launched, it starts a development server with hot-reloading and Vue Server Renderer configured to automatically server-render your application.
Nuxt.js also offers an additional deployment option: nuxt generate. This builds a static generated Vue application, which the Nuxt.js developers think it’s the next big thing in microservices.
The basic download for Nuxt.js is practically miniscule, weighing in at only 57kB min+gzip. (53kB with Vuex!) This initial package includes a whole host of tools to help create a web application, including
- Vue 2
- Vue Router
- Vuex (included only when using the store option)
- Vue Server Renderer (excluded when using
This framework offers a number of features that make it easier to develop on both the client and server side. Let’s take a look at some of the big ones.
Obviously, Nuxt.js lets you write in Vue files. It offers automatic code splitting, server-side rendering, a powerful routing system with asynchronous data, and static file serving.
Other features include:
- ES6/ES7 Transpilation
- Bundling and minifying of your JS & CSS
- Managingelement (,, etc.)
- Hot module replacement in Development
- Pre-processor: Sass, Less, Stylus, etc.
- HTTP/2 push headers ready
- Extending with Modular architecture
Nuxt.js is obviously just starting out. However, there is already a growing community of commiters and users on GitHub and on the Nuxt.js site. And, it must be said, their documentation is very thorough.