NUXT.JS

For those planning to create a SPA (Single Page App) and also interested in using Vue.js look no further than Nuxt.  Like other frameworks Nuxt.js will handle many common tasks and lend structure to a project.

Nuxt includes common Vue libraries such as vue-router and vuex.  Using the pages directory structure in a Nuxt project automatically handles routing based on the directory structure and file naming conventions.  Another handy feature is built in middleware.  Middleware is great for portions of an application that require access authorization.

Some of the greatest advantages come from the static site generation and server side rendering.  Static site generation is the creation of html, css and javascript files for all routes in the app.  Server side rendering (SSR) is another useful feature for pages that require search engine optimization. Often a web crawler is unable to render the javascript on a website and that can prevent valuable SEO content from being indexed by the spider.  Rendering content on the server instead of the client prevents this from happening ensuring that the web crawler can index all the content on a page.

There are more benefits than I can pack into one post but please checkout https://nuxtjs.org for more information.