@latest_post
Quickstart guide for a new Nuxt.js project
Introduction
If you are into Vue.js it's hard not to bump into Nuxt.js.
But what is it? Well, on their page they say:
Nuxt --- Universal Vue.js Applications
That means you can have your SPA (Single Page Application) + SSR (Server Side Rendering).
As I see it, it's an opinionated framework for building web apps on top of Vue.js.
A convention over configuration type of framework, if you will.
Knowing your way around vue-cli apps first, will certainly help you understand what
Nuxt.js does for you.
Nevertheless, what really caught my eye was the fact that it can be used as a Static Site Generator too.
Right now, I'm exploring the idea of using it as the basis for the new version of this blog, because:
- I'm already a big fan of Vue.js.
- I'm already pretty good at Vue.js development.
- I want to leverage my knowledge of Vuetify and Material Design to make it usable and pretty.
- I'm finding it difficult to write articles that mix Vue.js, Vuetify and D3 using Hugo.
So, what follows is a step-by-step guide into getting a new Nuxt.js app up and running with Vuetify, Pug and Sass support.
If you are looking for a guide on how to set up a normal vue-cli application, have a look at this:
Quickstart guide for a new Vue.js project.