For today's blog post, I will list down some of the best Nuxt.js modules built by the Nuxt core team and the Nuxt community. These modules are available on Github.
What are Nuxt modules and what are their uses?
What are Nuxt.js modules?
Nuxt modules are reusable extensions that can extend Nuxt core functionalities and add integrations to Nuxt applications. They are functions that run in the Nuxt app during boot time.
Why use Nuxt.js modules?
- Easy to add or install on any project.
- Can saves time and reduces work / code during development by providing ready to use functions and methods.
- Increases developer productivity.
Nuxt.js modules
1. Content
Enables developers to add a Git-based Headless CMS to Nuxt.js application by writing files like markdown, YAML, CSV, XML, and JSON inside a content/ directory inside a Nuxt app.
Documentation: https://content.nuxtjs.org/
2. Firebase
Firebase module for Nuxt. This modules makes it easy to integrate Firebase Javascript SDK into the Nuxt.js project. This module includes functions for Firebase realtime DB, Firestore, Auth and so on.
Documentation: https://firebase.nuxtjs.org
3. Strapi
A module that wraps Strapi with Nuxt. Ever work with Strapi Headless CMS? Well take a look at this module. This module connects the Nuxt app to Strapi with ease. Features include like support for authentication, RESTful methods and adaptive SDK for its API entities.
Documentation: https://strapi.nuxtjs.org
4. Color Module
A module that adds light and dark mode color to a Nuxt project. If you're adding theme to your project, then this module is of a big help.
Documentation: https://color-mode.nuxtjs.org/
5. Axios
Easily work with Axios.
Documentation: https://axios.nuxtjs.org/
6. Auth Module
A module for adding authentication support in Nuxt.
Documentation: https://auth.nuxtjs.org
7. Storybook
A module that integrates Storybook with Nuxt. If you're building web components with Storybook, then this module will help you set up Storybook with Nuxt easily.
Documentation: https://storybook.nuxtjs.org/
8. Sanity
Yet another module for working with CMS. A module that adds Sanity integration to a Nuxt project.
Documentation: https://sanity.nuxtjs.org/
9. Prismic
A module that adds integration to Prismic CMS. Allows to easily connect Nuxt app to hosted content on Prismic.
Documentation: https://prismic.nuxtjs.org/
10. Composition API
A module that adds Vue 3 Composition API support in Nuxt. It is currently in the experimental phase.
Documentation: https://composition-api.nuxtjs.org/
11. Sentry
Sentry module for Nuxt.js. For logging errors from Nuxt app.
Documentation: https://github.com/nuxt-community/sentry-module
12. i18n
A module that eassily adds i18n integration to a Nuxt app using the vue-i18n package.
Documentation: https://i18n.nuxtjs.org/
13. Apollo
A module that supports vue-apollo inside a Nuxt app.
Documentation: https://github.com/nuxt-community/apollo-module
14. PWA
Adds support for Progressive Web Apps.
Documentation: https://pwa.nuxtjs.org/
15. Cloudinary
If you're managing your assets using Cloudinary, this recently release module is a total life saver.
Documentation: https://cloudinary.nuxtjs.org/
