Skip to main content

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 22 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: What are Nuxt Modules? And why use them?

All Course Lessons (22)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

MASTERING NUXT Learn Nuxt.js by Building a Real World App

MASTERING NUXT Learn Nuxt.js by Building a Real World App

Sources: masteringnuxt.com
Learn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.
10 hours 36 minutes 24 seconds
Vue 3, Nuxt.js and Laravel: A Practical Guide

Vue 3, Nuxt.js and Laravel: A Practical Guide

Sources: udemy
Learn how to create 3 different apps with Vue 3, Nuxt.js and Laravel. The first app will be an Admin app using Vue 3 Composition API The second app will be an I
10 hours 17 minutes 9 seconds
The Nuxt 3 Bootcamp The Complete Developer Guide

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 Auth Utils: Secure, Simple, and Flexible Logins

Nuxt Auth Utils: Secure, Simple, and Flexible Logins

Sources: vueschool.io
Master authentication in Nuxt 3! This course will teach you how to implement secure user authorization using Nuxt Auth Utils - from social media login...
1 hour 54 minutes 26 seconds
Nuxt.js - Vue.js on Steroids

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