nuxt

WIP: NOT WORKING right now!

nuxt.js

A minimalistic framework for server-rendered Vue applications (completely inspired from Next.js)

How to use

Install it:

$ npm install nuxt --save

and add a script to your package.json like this:

{
  "scripts": {
    "start": "nuxt"
  }
}

After that, the file-system is the main API. Every .vue file becomes a route that gets automatically processed and rendered.

Populate ./pages/index.vue inside your project:

<template>
  <h1>Hello {{ name }}!</h1>
</template>
 
<script>
export default {
  data: () => ({
    name: 'world'
  })
}
</script> 

and then just run npm start and go to http://localhost:3000

So far, we get:

• Automatic transpilation and bundling (with webpack and babel)
• Hot code reloading
• Server rendering and indexing of ./pages
• Static file serving. ./static/ is mapped to /static/

To see how simple this is, check out the sample app - nuxtgram