- [Instructor] Nuxt modules are a way of extending
the core functionalities of your Nuxt app.
Nuxt is built to be modular in nature
and the benefit of having a modular architecture
is that it can be extended and customized
to fit your applications need.
Modules are functions that are called
when the Nuxt app is booting and the framework waits
for each module to finish before continuing.
Nuxt modules can perform useful tasks
like overriding templates,
configuring webpack loaders, and adding CSS libraries.
You can export a module into MPM packages
and make them reusable across different projects.
There is an ecosystem of production ready modules
made by the core team and the community.
Over 100 plus modules and counting
are available for you to use in your app.
To use a module, you need to install the module
and register it in your Nuxt config file
under the module's property.
Modules are executed sequentially
so the other is actually very important.
Nuxt modules also have different requirements.
Some are required only during development
and others during view time, we call them modules
and build modules respectively.
Always refer to the documentation of the module
that you're using to see if it is recommended
to use as a module or a build module.
Now, the difference between the modules
and the build modules is that with build modules,
you need to actually add the module you're using
inside the build modules property.
And if you're installing the module,
you need to also install it as a dev dependency.
This is outside the context of this course,
but you can also write your own module.
Modules are functions that can be written
to perform a specific task.
You can write them and package them
as MPM module or directly include them
in the project that you're building.
Go ahead and explore the different modules available
and see which one will help you
improve your applications functionality.