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
Interactive Vue.js Resume Builder
Sources: fullstack.io
“Word” or “PDF” resume pfft! You’re better than that and you know it. In this course, you will create a customizable developer resume from scratch in Vue.js wit
3 hours 33 minutes 1 second
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
The Ultimate Guide to Vue Performance
Sources: vueschool.io
In today's world, the performance of web applications is of paramount importance. In this course, you will learn how to maintain the speed of your Vue...
2 hours 31 minutes 10 seconds