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

Ethereum and Solidity: Build Dapp with VueJSudemy
Category: Decentralized Applications (dApps) / 'Web 3', Vue
Duration 1 hour 45 minutes 9 seconds
Course

Vue JS 3: The Composition APIudemy
Category: Vue
Duration 5 hours 24 minutes 26 seconds
Course

Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)udemy
Category: Vue
Duration 9 hours 10 minutes 13 seconds
Course

Advanced Vue Component Designadamwathan
Category: Vue
Duration 3 hours 57 minutes 19 seconds
Course

Build an Image Filters App with Vue, TypeScript and WebAssemblyzerotomastery.io
Category: TypeScript, Vue, WebAssembly
Duration 1 hour 44 minutes 19 seconds
Course

The Ultimate Guide to Building APIs and SPAs With Laravel and Nuxt 3Server Side Up
Category: Nuxt, Laravel
Duration 4 hours 2 minutes 48 seconds
Book

The Complete Guide to Django REST Framework and Vue JSudemy
Category: Python, Vue, Django
Duration 13 hours 40 minutes 40 seconds
Course

Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advancedudemy
Category: NestJS, Vue, Nuxt
Duration 7 hours 37 minutes 36 seconds
Course