YoVDO

Build a Server Rendered Vue.js App with Nuxt and Vuex

Offered By: egghead.io

Tags

Vue JS Courses Web Development Courses Vuex Courses Server-Side Rendering Courses

Course Description

Overview

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.

Syllabus

  • Setup a "Hello World" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt
  • Manage Vue.js State with Vuex and Nuxt
  • Update Vuex State with Mutations and MapMutations in Vue.js
  • Add CSS Libraries to Nuxt
  • Add Arrays of Data to the Vuex Store and Display Them in Vue.js Templates
  • Load Data from APIs with Nuxt and Vuex
  • Understand the Flash of Unstyled Content in Nuxt
  • Handle Load Errors in Nuxt with Alternate Data, Redirect, or Error Layout
  • Navigate with nuxt-link and Customize isClient Behavior in Nuxt and Vue.js
  • Build a Navigation Component in Vue.js and Use in a Nuxt Layout
  • Build a Vue.js Form then use Vuex Actions to Post to an API in Nuxt
  • Use Vuex Actions to Delete Data from APIs in Nuxt and Vue.js
  • Update State with Vuex Actions in Nuxt.js
  • Display Vuex Data Differently in Each Page of Nuxt and Vue.js

Taught by

John Lindquist

Related Courses

Advanced Image Uploading with Vue and Laravel
Laracasts
Andrew's Larabits
Laracasts
Learn Vue.js
Codecademy
Introduction to VueJS Framework
Codio via Coursera
Crea una aplicaciĆ³n web con Vue.js
Coursera Project Network via Coursera