How to use nuxt modules

In this post I’ll talk about how to use Nuxt.js with nuxt modules.

Nuxt.js is a framework based on Vue.js and webpack and has gained lots of attentions recently. It’s primary purpose is creating Universal Vue.js Applications.

In this blog post we’re going to talk about how to setup Nuxt.js with nuxt-modules and setting up a simple Nuxt.js module.

First install Nuxt.js:

Then simply install the dependencies.

Nuxt modules are a modular way of extending Nuxt.js and better integration with libraries out there. In this tutorial we’re going to use the Bootstrap with Nuxt which is something that you need first when installing Nuxt.

In order to use bootstrap.

Run

Add @nuxtjs/bootstrap-vue to modules section of nuxt.config.js

Congratulations! 🎉 🎉

For example inorder to make sure that this works.

Clear all the contents of the layouts/default.vue and pages/index.vue.

Put a simple bootstrap card in the pages/index.vue.

If you’re intrested and you want to use more nuxt.js modules see below:

Related posts:

I just read an outstanding article about how the walk of faith requires that you accept each day as it comes. Accept the love of God and allow tomorrow to worry about its own things. I believe this…

I decided to clean me room and decide that i give my old books and cloth and different things which is not in my use now to my servant. There are aloud of stuff which take my time like my…