Improve your Vue.js project performance using Nuxt.js

Written in collaboration with Ragini Sharma

What is Nuxt.jS?

Nuxt is the front end framework built upon Vue which improves server side rendering, faster development using automated routing, improved meta tags management and many other features for developments.

Nuxt over Vue

Creating Nuxt Project

• Using Npx

• Using Npm

• Using Yarn

Setting up Nuxt Project

➞ On the terminal this is how it looks when you run the command to create Nuxt project.

➞ It will also ask you to choose package manager, programming language,UI framework and other things which you need for your project.

➞ Open the project you just created in any code editor.

➞ Go to the pages folder.

➞ Inside the folder, you will find an index.vue file as shown in the image below.

➞ Write your code in index.vue and then open the terminal of your code editor.

Run command

➞ Now you can see your project on the browser.

➞ By clicking on the link mention in the terminal.

➞ Mostly it start with http://localhost:3000/