Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

3h 5m 56s
English
Paid

Nuxt is meta-framework built on top of Vue. It is the go-to way for creating server rendered apps for Vue and the latest version (v3) includes a huge number of new features for end users and devs alike.

In this course learn:

  • how to create a new Nuxt 3 project from scratch
  • how to quickly creates routes with file-based routing
  • how to work with async data
  • and more!

Plus, get a first hand look at how well Nuxt integrates with TypeScript and the auto-complete options in your IDE!

Watch Online Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Join premium to watch
Go to premium
# Title Duration
1 What is Nuxt. 07:18
2 Create a Nuxt App from Scratch 06:40
3 File Based Routing in Nuxt.js 05:09
4 NuxtLink for Navigation 04:17
5 Dynamic Route Params in Nuxt.js 05:28
6 Fetch Data with $fetch 09:22
7 Provide a Single Root Element for Page Components 02:31
8 Create Components that Auto Import 03:26
9 Fetch data with useAsyncData 03:42
10 De-dupe Async Data with a Key 03:11
11 Configure useAsyncData with Options 03:59
12 Call useFetch for a $fetch + useAsyncData Shorthand 02:16
13 Handle useFetch Errors 06:39
14 Call the useHead Composable for Good SEO 07:19
15 Create Flexible Custom Layouts 05:29
16 Define Nuxt Route Middleware 06:22
17 Abort Navigation or Redirect In Nuxt Middleware 06:00
18 Nuxt Server API Routes 04:54
19 Handle Different Nuxt API Request Methods 08:16
20 Global State Management with useState 10:37
21 Global State Management with Pinia 11:30
22 Overview of Nuxt Deployment Options 03:09
23 Deploy a Nuxt Site to Netlify 07:16
24 Hybrid Rendering with Nuxt 10:42
25 Course Conclusion 02:38
26 Intro to Nuxt Image 03:55
27 Installing Nuxt Image 01:56
28 The NuxtImage Component 05:45
29 Controlling When Images Load 03:00
30 Responsive Images 08:13
31 Image Modifiers 05:18
32 The NuxtPicture Component 04:43
33 Responsive Art Direction Hack 04:56

Similar courses to Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced

Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advancedudemy

Category: NestJS, Vue, Nuxt
Duration 7 hours 37 minutes 36 seconds
The Ultimate Guide to Vue Performance

The Ultimate Guide to Vue Performancevueschool.io

Category: Vue
Duration 2 hours 31 minutes 10 seconds
TypeScript with Vue.js 3

TypeScript with Vue.js 3vueschool.io

Category: TypeScript, Vue
Duration 1 hour 37 minutes 47 seconds
PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)

PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)udemy

Category: Vue, Progressive Web App (PWA)
Duration 14 hours 36 minutes 16 seconds
Build an Image Filters App with Vue, TypeScript and WebAssembly

Build an Image Filters App with Vue, TypeScript and WebAssemblyzerotomastery.io

Category: TypeScript, Vue, WebAssembly
Duration 1 hour 44 minutes 19 seconds
AI Chat Bot with Vue.js and GPT-4

AI Chat Bot with Vue.js and GPT-4vueschool.io

Category: ChatGPT, Vue
Duration 1 hour 46 minutes 30 seconds
Rapid Testing with Vitest: Master Unit Testing & Mocking

Rapid Testing with Vitest: Master Unit Testing & Mockingvueschool.io

Category: Vue
Duration 1 hour 15 minutes 44 seconds
Build a Server Rendered Vue.js App with Nuxt and Vuex

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

Category: Vue, Nuxt
Duration 33 minutes 40 seconds
Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Vue 3 and Nuxt.js: Different Ways of Creating Vue Appsudemy

Category: Vue, Nuxt
Duration 4 hours 59 minutes 48 seconds