Nuxt Modules: The Ultimate Guide
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
Watch Online Nuxt Modules: The Ultimate Guide
All Course Lessons (22)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | What are Nuxt Modules? And why use them? Demo | 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 |
Unlock unlimited learning
Get instant access to all 21 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
Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps
What’s New in Nuxt 4: Key Updates for Nuxt.js Developers
Build a Server Rendered Vue.js App with Nuxt and Vuex
