CF

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.io

egghead.io thumbnail

egghead.io is a US-based subscription video platform focused on short, focused screencasts on JavaScript ecosystem topics. Founded in 2012 by John Lindquist (a Google Developer Expert) and run by Joel Hooks, egghead pioneered the short-screencast format that most modern developer-education platforms now use — courses are typically broken into 2-5 minute lessons that each cover one specific concept or API.

The instructor roster includes many of the most cited names in the JavaScript ecosystem — Kent C. Dodds (whose Testing JavaScript launched on egghead before EpicWeb.dev), Andrew Del Prete, Hannah Davis, Lukas Ruebbelke, Tomasz Łakomy, Andy Van Slaars, and many others. Course material covers React, Next.js, TypeScript, Node.js, GraphQL, Vue, the testing tracks, RxJS / observables, and a long list of smaller libraries and tools.

The CourseFlix listing under this source carries over 20 egghead courses spanning that range. Material is paid; egghead itself runs on a monthly / annual subscription on the original platform. The bite-sized format suits developers learning incrementally during work hours rather than committing to multi-hour video sessions.

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

Related courses

Frequently asked questions

What is Build a Server Rendered Vue.js App with Nuxt and Vuex about?
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…
Who teaches this course?
It is taught by egghead.io. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 13 lessons with a total runtime of 33 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/build-a-server-rendered-vue-js-app-with-nuxt-and-vuex. The page hosts every lesson with the integrated video player; no download is required.