Nuxt.js 2 – Vue.js on Steroids

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Welcome & Introduction

Lecture 2: What is Nuxt.js?

Lecture 3: Join our Online Learning Community

Lecture 4: Understanding Server Side Rendering

Lecture 5: Nuxt vs "Normal" Server Side Rendering

Lecture 6: Creating New Nuxt Projects & Nuxt 2

Lecture 7: Creating our First Nuxt App

Lecture 8: Understanding the Folder Structure

Lecture 9: What can we Build with Nuxt?

Lecture 10: What's Inside This Course?

Lecture 11: How To Get The Most Out Of This Course

Lecture 12: Where to Find the Source Code

Chapter 2: Pages, Routing & Views

Lecture 1: Module Introduction

Lecture 2: From Folders to Routes

Lecture 3: Creating a Route with a Dynamic Path

Lecture 4: Adding Links & Navigating Around

Lecture 5: Validating Parameters

Lecture 6: Creating Nested Routes

Lecture 7: Layouts, Pages & Components – Theory

Lecture 8: Adding a New Layout

Lecture 9: Adding a Default Error Page

Lecture 10: Working with "Normal" Components

Lecture 11: Styling Nuxt Apps

Lecture 12: Wrap Up

Lecture 13: Useful Resources & Links

Chapter 3: Project – Pages, Routing & Views

Lecture 1: Module Introduction

Lecture 2: Creating the Main "Sections" (Pages)

Lecture 3: Adding External Fonts

Lecture 4: Creating the Landing Page

Lecture 5: Splitting the Page into Components

Lecture 6: Adding Static Assets – The Background Image

Lecture 7: Adding the Header Component

Lecture 8: Vue Router vs. Nuxt Router

Lecture 9: Working on the Post Page

Lecture 10: Creating an Admin Section

Lecture 11: Preparing the Backend

Lecture 12: Improving the App

Lecture 13: Adding a Separate Layout to the Admin Area

Lecture 14: Useful Resources & Links

Chapter 4: Handling Data

Lecture 1: Module Introduction

Lecture 2: Adding Dynamic Data

Lecture 3: Preparing Data on the Server-Side (through Nuxt)

Lecture 4: asyncData on Client & Server

Lecture 5: A Closer Look at the Context Object

Lecture 6: Adding Async Data to a Single Post

Lecture 7: Handling Errors with a Callback

Lecture 8: Using Promises in asyncData

Lecture 9: Important: Restart the dev server in next lecture!

Lecture 10: Adding the Vuex Store

Lecture 11: Vuex, fetch() and nuxtServerInit()

Lecture 12: Wrap Up

Lecture 13: Useful Resources & Links

Chapter 5: Connecting our App to the Backend

Lecture 1: Module Introduction

Lecture 2: Executing Code on the Server

Lecture 3: Adding Firebase as a Backend

Lecture 4: Using Firebase to Store Data

Lecture 5: Fetching Data from the Backend

Lecture 6: Initializing our Store

Lecture 7: Fetching all Posts

Lecture 8: Editing Posts

Lecture 9: Synchronizing Vuex and the Backend

Lecture 10: Wrap Up

Lecture 11: Useful Resources & Links

Chapter 6: Nuxt – Config, Plugins & Modules

Lecture 1: Module Introduction

Lecture 2: The Nuxt Config File

Lecture 3: The Loading Property

Lecture 4: Working with Environment Variables

Lecture 5: Manipulating Routing Settings

Lecture 6: Animating Page Transitions

Lecture 7: Adding Plugins

Lecture 8: Registering a Date Filter

Lecture 9: Understanding Modules

Lecture 10: Wrap Up

Lecture 11: Useful Resources & Links

Chapter 7: Middleware & Authentication

Lecture 1: Module Introduction

Lecture 2: What is Middleware?

Lecture 3: Adding User Signup

Lecture 4: Adding User Login

Lecture 5: Storing the Token

Lecture 6: Using the Token for Authentication

Lecture 7: Implementing a Middleware

Lecture 8: Invalidating the Token

Lecture 9: Persisting the Token Across Page Refreshes

Lecture 10: Implementing Cookies

Lecture 11: Fixing the Logout Timer

Lecture 12: Adding the Logout Functionality

Lecture 13: A Quick Bugfix

Lecture 14: Useful Resources & Links

Chapter 8: The Server Side

Lecture 1: Module Introduction