Nuxt Modules: The Ultimate Guide
2h 45m 45s
English
Paid
Course description
Master the art of Nuxt Modules in this hands-on course! From installation to crafting custom modules, you'll unleash the full potential of Nuxt, Vue, and JavaScript. Dive into practical coding sessions, and by the end, you'll be ready to create your own Nuxt magic.
Read more about the course
This comprehensive course invites developers of all levels to explore the magical world of Nuxt Modules. From seamless installation to crafting custom modules, you'll embark on a learning journey that unlocks the full potential of Vue.js and JavaScript in Nuxt.js apps.
Here's what you'll discover:
- The A to Z of Nuxt Modules: Understand the core concepts, explore different types of modules, and learn how to install and configure them with ease.
- Community Power: Explore the vibrant Nuxt community, learn best practices, and discover the potential of contributing your own modules to the ecosystem.
- Custom Module Development: Dive deep into the world of custom module creation, mastering the tools and techniques to extend Nuxt's capabilities and tailor it to your specific needs.
- Beyond Nuxt: Discover how modules integrate seamlessly with Nitro server, unlocking a universe of possibilities for building robust and dynamic web applications.
- Domain Driven Design principles applied to Nuxt: Understand how to apply DDD concepts to your Nuxt app using modules.
- Practical Examples: Gain hands-on experience through real-world examples, learning how to apply modules to solve various challenges and enhance your projects.
By the end of this course, you'll be a confident Nuxt module master, capable of building cleaner, faster, and more powerful Nuxt applications.
Watch Online
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | What are Nuxt Modules? And why use them? | 02:40 |
| 2 | Exploring Nuxt Modules Ecosystem and Module types | 07:43 |
| 3 | Creating Your First Nuxt Module From Scratch | 11:57 |
| 4 | Navigating the Official Starter Template | 11:45 |
| 5 | Extending and Altering Nuxt Configuration and Options | 08:07 |
| 6 | Passing and Exposing Module Options | 07:31 |
| 7 | Nuxt Lifecycle Hooks | 08:35 |
| 8 | Putting It All Together: Advanced Feature Integration in Modules | 14:52 |
| 9 | Resolving Paths and Injecting Assets to the App | 06:27 |
| 10 | Injecting Plugins | 12:13 |
| 11 | Injecting Plugin Templates | 10:33 |
| 12 | Injecting Components and Component Directories | 07:30 |
| 13 | Expanding Nuxt's Auto-Imports | 07:50 |
| 14 | Extend and Alter Nuxt Pages | 07:09 |
| 15 | Adding Route Rules and Route Middlewares | 07:51 |
| 16 | Unlocking Nitro Mystery P1: Discovering the UnJS Ecosystem and Nitro | 09:01 |
| 17 | Unlocking Nitro Mystery P2: What is Nitro to Nuxt? | 05:17 |
| 18 | Nitro Server Handlers | 05:43 |
| 19 | Nitro Pre-Rendering and Auto-Imports | 03:58 |
| 20 | Nitro Server Plugins | 05:20 |
| 21 | Use nuxt/kit to extend Vite & Webpack configs | 02:20 |
| 22 | Course Conclusion | 01:23 |
Similar courses
The Ultimate Guide to Building APIs and SPAs With Laravel and Nuxt 3
Sources: Server Side Up
The book "The Ultimate Guide to Building APIs and Single-page Applications with Laravel and Nuxt 3" is a detailed guide to building web and mobile...
4 hours 2 minutes 48 seconds
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
Nuxt.js - Vue.js on Steroids
Sources: udemy
You'll of course learn all the details in this course but the most important takeaway is that Nuxt.js makes the creation of better, more optimized and more capa
6 hours 27 minutes 50 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