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
Real-time chat with Node.js, Socket.io and Vue.js
Sources: Codecourse
How easy is it to build a simple real-time chat? Very easy. Build your own in less than an hour. Real-time chat with Node.js, Socket.io and Vue.js
26 minutes 39 seconds
Complete Vue Developer 2023: Zero to Mastery (Pinia, Vitest)
Sources: zerotomastery.io
The only Vue.js tutorial + projects course you need to learn Vue (including all new Vue 3 features), build large-scale Vue applications from scratch & get hired as a Vue develop...
27 hours 56 minutes 34 seconds
Robust Vue.js Forms with FormKit
Sources: vueschool.io
Forms are the core of interactive and dynamic web pages. They accept user input and must respond to that input often in real time and in a variety of ways. Form
2 hours 4 minutes 52 seconds
Nuxt Tips Collection
Sources: Michael Thiessen
"Nuxt Tips Collection" is a book that represents a compilation of useful tips and tricks for working with Nuxt.js. It covers various aspects of development...