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
Watch Online Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps
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 commentsSimilar courses
Vue - The Complete Guide (incl. Router & Composition API)
Sources: Academind Pro
Learn Vue.js - in its latest version - step by step from the ground up. Learn how to build highly reactive web apps with one of the most popular frameworks!
28 hours 45 minutes 29 seconds
Master Laravel, Vue 3 & Inertia Full Stack 2023
Sources: udemy
Learn Laravel together with Vue.js in this brand new, full-stack, project based course! Learn how to create a robust API in Laravel and a Single Page Application frontend in Vue...
35 hours 53 minutes 40 seconds
Want to join the conversation?
Sign in to comment