Skip to main content

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

33m 40s
English
Paid

Unlock the full potential of Vue.js by learning to build server-rendered applications with Nuxt.js and manage state with Vuex. This course provides a comprehensive guide, starting with an empty app and guiding you through each step of the development process.

Course Overview

In this course, you will discover how Vue.js, combined with Nuxt.js and Vuex, can streamline your app development process. Whether you're organizing applications or managing complex state, our structured approach ensures a deeper understanding and hands-on experience.

Why Choose Nuxt.js?

Nuxt.js facilitates the creation of server-rendered applications with ease, offering a simplified, page-based approach that improves performance and SEO. You'll learn how to effectively utilize its features to optimize your projects.

Mastering State Management with Vuex

Gain insights into state management by incorporating Vuex into your projects. This course will demonstrate how Vuex can be used to maintain and manage state efficiently across your application, ensuring high performance and code maintainability.

What You'll Learn

  • Setting up a new Vue.js application from scratch.
  • Integrating Nuxt.js for server-rendered application capabilities.
  • Organizing your application using a page-based approach with Nuxt.js.
  • Implementing Vuex for effective state management.
  • Best practices for building robust and scalable Vue.js applications.

Who Should Take This Course?

This course is designed for developers who are familiar with JavaScript and want to advance their skills in building server-rendered applications using modern frameworks like Vue.js, Nuxt.js, and Vuex. Whether you're looking to enhance your current toolkit or start a new project entirely, this course provides the knowledge and expertise you need.

About the Author: egghead

egghead thumbnail
The egghead.io project presents a huge selection of courses and screencasts for developers of all levels and professions.

Watch Online 13 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 13 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Setup a \"Hello World\" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt
All Course Lessons (13)
#Lesson TitleDurationAccess
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 subscription