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
0:00
/ #1: What is Nuxt.
All Course Lessons (33)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
The Nuxt 3 Bootcamp The Complete Developer Guide
Sources: udemy
This is the most comprehensive Nuxt 3 course on the market. You will learn many of Nuxt's incredible features all while build six real world projects. With each
16 hours 52 minutes 7 seconds
The Vue.js 3 Masterclass
Sources: vueschool.io
This is the supercharged, remastered Vue.js 3 Masterclass. We’ve taken all the feedback we got from The Vue.js 2 Masterclass, and supercharged The Vue.js Master
17 hours 7 minutes 33 seconds
Generating Fake Data with Faker.js
Sources: vueschool.io
Every user application depends on data, whether it's user profiles, product listings, or blog posts. However, creating realistic datasets...
51 minutes 56 seconds
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