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
0:00
/ #1: Setup a \"Hello World\" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt
All Course Lessons (13)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Setup a \"Hello World\" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt Demo | 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 |
Unlock unlimited learning
Get instant access to all 12 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Quasar Fundamentals: Build Cross-Platform Vue.js Apps
Sources: vueschool.io
Quasar Framework will amaze you with its capabilities! By the end of this course, you will be able to develop applications on Vue.js for Android, iOS, Windows.
7 hours 6 minutes 8 seconds
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Sources: udemy
No matter at which Metric you look at (Google Trends, Github Stars, Tweets ...) VueJS is the Shooting Star in the World of JavaScript Frameworks - it simply is
19 hours 57 minutes 29 seconds
Material UI with Vuetify and Vue.js
Sources: vueschool.io
Create a Vue.js app with a beautiful and functional UI in no time with Vuetify! This UI library contains 80+ ready to use components designed according to the b
1 hour 40 minutes 10 seconds
Rapid Development with Vite
Sources: vueschool.io
Vite is a first-in-class build tool that aims to provide a faster and leaner development experience for modern web projects. In this course, we cover everything you need to know...
1 hour 40 minutes 49 seconds