CF

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

3h 5m 56s
English
Paid

Nuxt 3 is a powerful meta-framework built on top of Vue.js, offering a robust solution for creating server-rendered applications. The latest version, Nuxt 3, introduces a plethora of new features that benefit both end users and developers alike. Dive into this course to unlock the full potential of Nuxt 3 and enhance your development skills.

What You Will Learn

This course provides a comprehensive understanding of Nuxt 3 and its capabilities. Here's a glimpse of what you'll learn:

  • How to create a new Nuxt 3 project from scratch, covering every essential step.
  • Efficiently create routes with file-based routing to streamline your development process.
  • Master the art of working with async data to build responsive applications.
  • Additional advanced features and techniques to enhance your Nuxt 3 projects.

Key Features and Tools

One of the standout features of Nuxt 3 is its seamless integration with TypeScript, providing excellent auto-complete options within your IDE, thereby enhancing productivity and reducing errors. Get hands-on experience in leveraging these tools to write cleaner and more maintainable code.

Additional

https://github.com/vueschool/nuxt-3-fundamentals-course

About the Author: Vue School

Vue School thumbnail

Vue School (vueschool.io) is a Greece-based Vue.js training platform founded by Alex Kyriakidis, an early Vue community member and one of the longest-running independent Vue educators. Vue School operates as both an on-demand course platform and a Vue / Nuxt consulting business, with course material that often emerges from real client engagements.

Course material covers the full Vue ecosystem: Vue 3 fundamentals through advanced Composition API patterns, Nuxt 3 production deployment, Pinia state management, Vue Router, the testing track with Vitest, TypeScript with Vue, real-time features with Pusher / WebSockets, and the broader full-stack Vue work. Vue School also publishes the popular Mastering Pinia course in collaboration with Pinia's author Eduardo San Martín Morote.

The CourseFlix listing under this source carries over 30 Vue School courses spanning that range. Material is paid; Vue School runs on per-course or membership pricing on the original platform. Courses are aimed at Vue developers from beginner through senior level building production Vue applications.

Watch Online 33 lessons

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

Related courses

Frequently asked questions

What is Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps about?
Nuxt 3 is a powerful meta-framework built on top of Vue.js, offering a robust solution for creating server-rendered applications. The latest version, Nuxt 3 , introduces a plethora of new features that benefit both end users and developers…
Who teaches this course?
It is taught by Vue School. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 33 lessons with a total runtime of 3 hours 5 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/nuxt-js-3-fundamentals. The page hosts every lesson with the integrated video player; no download is required.