Intro to Building a Serious Nuxt App
2:21
Installing and using Vuetify in Nuxt
4:54
Creating the Home Page, Debugging in Nuxt
13:53
Video Watch Page + mounting client libs w/SSR
15:13
Building the Tags Page
9:05
What's Next?
2:46
0% done with Real-world challenges with NuxtJS and Server-Side Rendering

Chapter 15 of 27 in Building VueScreencasts.com
Video Watch Page + mounting client libs w/SSR

In this lesson we recreate the Video Watch Page.

We once again use asyncData and axios to load data from the API, and copy over some display elements from our VueJS app, adjusting them for use in Nuxt.

The biggest change we have to deal with is in the vue-video-player library -- our old method of loading relied on several browser-only features, so we're going to have to change how we load it. We'll switch to using a directive in the template, and then conditionally mounting the client-side code based on the value of process.browser.

What do others think of VueScreencasts?
"Excellent series! Will definitively follow!"
—Lars Sørensen
"I like the way you explain and teach, also your enunciation is incredible for us 'non native' english persons, everything is so enjoyable... Thank you for putting so much effort and time into making this video knowledge."
—@awa_it_
"Man, this is a nice video, thank you."
—Esteban Cordoba
"Great tips great video thanks"
—Happyoe
Take your career to the next level