Course

Create a News App with Vue.js and Nuxt

1
Start a Nuxt Project with npx and the Vue.js CLI
1m 19s
2
Add a CSS Library from npm to Nuxt
2m 1s
3
Add JavaScript Libraries from npm to Nuxt
2m 3s
4
Create a Vuex Store for Global Data in Nuxt
3m 22s
5
Load Data into the Vuex Store in Nuxt
2m 45s
6
Access the Router Params to Load Page-Specific Data in Vue.js and Nuxt
4m 12s
7
Build Global Navigation with Layouts and nuxt-link in Nuxt
1m 38s
8
Create CSS Transition Effects in Vue.js and Nuxt
1m 44s
9
Style a List and List Items in Vue.js and Nuxt
4m 9s
10
Register Vue.js Filters as Plugins in Nuxt
1m 50s
11
Style Navigation Based on Route in Nuxt
2m 2s
12
Display Only Available Data in Vue.js and Nuxt
2m 2s
13
Display a User Data Page Based on id in Vue.js and Nuxt
3m 2s
14
Build a Recursive Component for Nested Comments in Vue.js and Nuxt
3m 54s

⚠️ This lesson is retired and might contain outdated information.

Add a CSS Library from npm to Nuxt

InstructorJohn Lindquist

Share this video with your friends

Send Tweet

Published 7 years ago

Updated 9 months ago

Many projects start by adding popular CSS libraries. Nuxt requires you to register the CSS library within the config so you can access the classes across you application. This lesson walks you through installing the Tachyons CSS library from npm, then adding it to your nuxt.config.js.

View code on GitHub

Create a News App with Vue.js and Nuxt

Add a CSS Library from npm to Nuxt

Social Share Links