Adding Pug to the config Installing Pug onto Nuxt From this point on I’ll use Yarn since it’s my personal preference, but feel free to use whatever you like most. Now that Nuxt is installed, you should be able to run yarn dev or npm run dev to start the dev-server. Choose freely, but it’s easier to go with just the basics here. It will ask you some stuff like what modules you want, what UI framework you need ect. If you’re looking to understand the basics of Stylus, Pug, Vue or Nuxt itself, this probably won’t be something for you, but you’re always welcome to read 😉įirst of all, let’s install the basic Nuxt boilerplate npx create-nuxt-app your-awesome-website I’ve already written some blogposts about some Nuxt modules, so I won’t go to deep on them in this article, but I will show the basics of installing and using Nuxt by itself. You can install so many extra modules and make them do your work, which is really useful. I love all the possibilities that Nuxt has to offer. I’ve been using Nuxt for a couple months and it really has become part of my go-to tech-stack.

Ofcourse, the basic requirement of this whole setup is Nuxt. In this example I’ll use Pug and Stylus to fiddle around. Nuxt is really cool all by itself but can even be cooler when combined with another templating engine.

← Back to all posts Setting up Nuxt with Pug and Stylus

Vue pug template