Getting Started
  • Welcome & Introduction
  • What is Nuxt.js?
  • Join our Online Learning Community
  • Understanding Server Side Rendering
  • Nuxt vs "Normal" Server Side Rendering
  • Creating our First Nuxt App
  • Understanding the Folder Structure
  • What can we Build with Nuxt?
  • What's Inside This Course?
  • How To Get The Most Out Of This Course
  • Where to Find the Source Code
Pages, Routing & Views
  • Module Introduction
  • From Folders to Routes
  • Creating a Route with a Dynamic Path
  • Adding Links & Navigating Around
  • Time to Practice - Pages & Routing
  • Validating Parameters
  • Creating Nested Routes
  • Layouts, Pages & Components - Theory
  • Adding a New Layout
  • Adding a Default Error Page
  • Working with "Normal" Components
  • Styling Nuxt Apps
  • Wrap Up
  • Useful Resources & Links
Project - Pages, Routing & Views
  • Module Introduction
  • Creating the Main "Sections" (Pages)
  • Adding External Fonts
  • Creating the Landing Page
  • Splitting the Page into Components
  • Adding Static Assets - The Background Image
  • Adding the Header Component
  • Vue Router vs. Nuxt Router
  • Working on the Post Page
  • Creating an Admin Section
  • Preparing the Backend
  • Improving the App
  • Adding a Separate Layout to the Admin Area
  • Useful Resources & Links
Handling Data
  • Module Introduction
  • Adding Dynamic Data
  • Preparing Data on the Server-Side (through Nuxt)
  • Time to Practice - Server-Side Data
  • asyncData on Client & Server
  • A Closer Look at the Context Object
  • Adding Async Data to a Single Post
  • Handling Errors with a Callback
  • Using Promises in asyncData
  • Important: Restart the dev server in next lecture!
  • Adding the Vuex Store
  • Vuex, fetch() and nuxtServerInit()
  • Wrap Up
  • Useful Resources & Links
Connecting our App to the Backend
  • Module Introduction
  • Executing Code on the Server
  • Adding Firebase as a Backend
  • Using Firebase to Store Data
  • Fetching Data from the Backend
  • Initializing our Store
  • Fetching all Posts
  • Time to Practice - Fetching Data
  • Editing Posts
  • Synchronizing Vuex and the Backend
  • Wrap Up
  • Useful Resources & Links
Nuxt - Config, Plugins & Modules
  • Module Introduction
  • The Nuxt Config File
  • The Loading Property
  • Working with Environment Variables
  • Manipulating Routing Settings
  • Animating Page Transitions
  • Adding Plugins
  • Registering a Date Filter
  • Understanding Modules
  • Wrap Up
  • Useful Resources & Links
Middleware & Authentication
  • Module Introduction
  • What is Middleware?
  • Adding User Signup
  • Adding User Login
  • Storing the Token
  • Using the Token for Authentication
  • Implementing a Middleware
  • Invalidating the Token
  • Persisting the Token Across Page Refreshes
  • Implementing Cookies
  • Fixing the Logout Timer
  • Adding the Logout Functionality
  • A Quick Bugfix
  • Useful Resources & Links
The Server Side
  • Module Introduction
  • Adding Server Side Middleware