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

3h 5m 56s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 33 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: What is Nuxt.

All Course Lessons (33)

#Lesson TitleDurationAccess
1
What is Nuxt. Demo
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

Unlock unlimited learning

Get instant access to all 32 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The complete guide to Mastering Pinia (Complete)

The complete guide to Mastering Pinia (Complete)

Sources: vueschool.io, Eduardo San Martin Morote
Create reliable Vue.js applications that scale. Supported and quality codebases often depend on decisions made at the early stages.
10 hours 18 minutes 32 seconds
Mastering Nuxt 3

Mastering Nuxt 3

Sources: masteringnuxt.com, vueschool.io
The complete guide to developing and deploying fast, production-ready Nuxt apps. MasteringNuxt is the biggest and most in-depth, fun, and realistic course ever
9 hours 56 minutes 5 seconds
The Ultimate Guide to Building APIs and SPAs With Laravel and Nuxt 3

The Ultimate Guide to Building APIs and SPAs With Laravel and Nuxt 3

Sources: Server Side Up
The book "The Ultimate Guide to Building APIs and Single-page Applications with Laravel and Nuxt 3" is a detailed guide to building web and mobile...
4 hours 2 minutes 48 seconds
What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

Sources: vueschool.io
Discover the latest features and improvements in Nuxt 4, the newest version of the popular framework based on Vue.js. This course covers the key...
33 minutes 19 seconds