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

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

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

100 Days Of Code: The Complete Web Development Bootcamp 2024

100 Days Of Code: The Complete Web Development Bootcamp 2024

Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)

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

Sources: udemy
In this course, I'm gonna show you how to use Vue JS, Quasar Framework and Firebase to create an amazing Progressive Web App (PWA). We're gonna create a gorgeous Instagram clone...
14 hours 36 minutes 16 seconds
Using Vue 2 to Create Beautiful SEO-Ready Websites

Using Vue 2 to Create Beautiful SEO-Ready Websites

Sources: coursetro
In this course, I'm going to show you how to create a beautiful, SEO-Friendly website while using Vue. You will be able to create modern websites with seamless page transitions ...
1 hour 48 minutes 11 seconds
The Imposter's Frontend Accelerator

The Imposter's Frontend Accelerator

Sources: bigmachine.io
This is a book. This is a video course... It's both! You are in for a clear and conceptual immersion into modern frontend development using Vue 3.0 and Nuxt 3.
15 hours 48 minutes 54 seconds
Vue JS 3: The Composition API

Vue JS 3: The Composition API

Sources: udemy
Vue.js 3 and the Composition API is here! Learn to build real world apps with the Composition API, TypeScript, Vue Router and testing with Vue Test Utils. This
5 hours 24 minutes 26 seconds