Build a Server Rendered Vue.js App with Nuxt and Vuex
33m 40s
English
Paid
Course description
Vue.js has a first-class ecosystem to help construct Vue.js apps. This includes Nuxt.js which enables server-rendered applications and a page-based approach. This course will start with an empty app and walk through how to use Vue.js for building the app, Nuxt.js for organizing the app, and Vuex for managing state.
Watch Online
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Setup a \"Hello World\" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt | 02:21 |
| 2 | Manage Vue.js State with Vuex and Nuxt | 02:03 |
| 3 | Update Vuex State with Mutations and MapMutations in Vue.js | 01:49 |
| 4 | Add CSS Libraries to Nuxt | 01:25 |
| 5 | Add Arrays of Data to the Vuex Store and Display Them in Vue.js Templates | 01:33 |
| 6 | Load Data from APIs with Nuxt and Vuex | 02:16 |
| 7 | Understand the Flash of Unstyled Content in Nuxt | 00:52 |
| 8 | Handle Load Errors in Nuxt with Alternate Data, Redirect, or Error Layout | 03:50 |
| 9 | Navigate with nuxt-link and Customize isClient Behavior in Nuxt and Vue.js | 02:56 |
| 10 | Build a Vue.js Form then use Vuex Actions to Post to an API in Nuxt | 05:25 |
| 11 | Use Vuex Actions to Delete Data from APIs in Nuxt and Vue.js | 03:41 |
| 12 | Update State with Vuex Actions in Nuxt.js | 02:34 |
| 13 | Display Vuex Data Differently in Each Page of Nuxt and Vue.js | 02:55 |
Comments
0 commentsSimilar courses
Vue JS 3: The Composition API
Sources: udemy
Vue.js 3 and the Composition API is here! Learn to build real world apps with the Composition API, TypeScript, Vue Router and testing with Vue Test Utils. This
5 hours 24 minutes 26 seconds
The Ultimate Guide to Building APIs and SPAs With Laravel and Nuxt 3
Sources: Server Side Up
The book "The Ultimate Guide to Building APIs and Single-page Applications with Laravel and Nuxt 3" is a detailed guide to building web and mobile...
4 hours 2 minutes 48 seconds
The Complete Guide to Data Fetching in Nuxt
Sources: vueschool.io
In the world of Nuxt, there is an amazing variety of options for fetching data in an application. You can block navigation until the loading is complete, or...
1 hour 32 minutes 52 seconds
Want to join the conversation?
Sign in to comment