Giter Club home page Giter Club logo

modules's Introduction

Explore Nuxt Modules to build Vue applications

Nuxt Modules

npm version Nuxt Volta

Discover the Nuxt modules to add any CMS, Database, UI, Auth and integrations into your Vue application.

Modules Database

Metadata of nuxt modules are maintained in yml files inside ./modules directory and automatically synced from upstream to fetch latest information.

Add/Update a module

pnpm sync <name> <repo>

Example: pnpm sync tailwindcss nuxt-modules/tailwindcss

To sync with a branch different than main, suffix the repo with #repo-branch, example: pnpm sync tailwindcss nuxt-modules/tailwindcss#dev

Contribution

  • If you feel a module is missing, please create a new issue
  • If some data is outdated please directly open a pull request

Using CDN

Compiled JSON data is available from following CDNs:

Using npm package

You can use the @nuxt/modules package by installing it in your project:

# npm
npm install @nuxt/modules

# pnpm
pnpm add @nuxt/modules

Then you can directly import the list of modules:

// ESM
import modules from '@nuxt/modules'

// CommonJS
const modules = require('@nuxt/modules')

Schema

Field Name Auto sync Description
name No Canonical name or integration name
description Yes Short description
repo No GitHub repository. Format is org/name or org/name#main/path
npm Yes NPM package name
icon No Icon of module from ./website/public/icons directory
github No GitHub URL
website No Website URL
learn_more No Link to learn more (website or relevant integration website)
category No Module category from ./lib/categories.ts
type No community (for nuxt-community), official (for https://github.com/) or 3rd-party
maintainers Yes List of maintainers each item has name, github and avatar
compatibility No Module compatibility status. nuxt field specifies semver of supported nuxt version. requires.bridge: true|optional can be used to specify Nuxt 2 bridge compatibility.

Maintenance

Auto update all current modules

pnpm sync

Generate modules.json

pnpm build

License

MIT - Made by Nuxt Team

modules's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

modules's Issues

Add nuxt-use-sound

Hello :)

I just created a Nuxt module to add sound effects to your app easily.

You can find it here: nuxt-use-sound

If there is anything that needs to be fixed inside the package itself or its documentation, please let me know!

Thank you again for all your amazing work on Nuxt.

Add nuxt-seo-meta module to generate seo metadata easy

explore https://modules.nuxtjs.org i just found nuxt-social-meta module that's cool.

when i use this module in my project, haven't found how to set to different page with different seo metadata. so create module called nuxt-seo-meta which can set metadata when you need custom your page seo.

name: nuxtjs-seo-meta
description: Generate seo metadata simplely
repo: ihavecoke/nuxt-seo-meta
npm: nuxtjs-seo-meta
icon: 'http://public.mixbo.cn/nuxtjs-seo-meta.png?t'
github: 'https://github.com/ihavecoke/nuxt-seo-meta'
category: SEO
type: 3rd-party

Add DruxtJS and relevant modules.

how can i register my module

hi
how can i register my module in your web site?
this is my module
i need to send my package if it's good enough then confirm my request
nuxt is awesome thanks.

@nuxtjs/snipcart

Hello i wanted to know if we can add the @nuxtjs/snipcart module into the list :)

Thank's a lot !

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

Add nuxt-jsonapi module

Would it be possible to add nuxt-jsonapi? I believe this is the information you need:

name: nuxt-jsonapi
description: Easy JSON:API client integration for Nuxt.js
repo: patrickcate/nuxt-jsonapi
npm: nuxt-jsonapi
icon: ''
github: 'https://github.com/patrickcate/nuxt-jsonapi'
website: 'https://github.com/patrickcate/nuxt-jsonapi'
learn_more: ''
category: Request
type: 3rd-party
maintainers:
  - name: Patrick Cate
    github: patrickcate
    avatar: 'https://avatars0.githubusercontent.com/u/6277206?v=4'

The logo is:

Nuxt JSON:API logo

search not working as it should

The search is behaving weird. If I search for stylelint or cloudinary I get results for anything but them. If I search for Maya I get loads of results. I am not sure what the search is basing itself on but it is not working how it should.

Should be:
search by author, module name, maybe even module description

snipcart-nuxt

hello folks
i've read that there is a module snipcart-nuxt but i can't find it on the nuxt-modules website ?

any ideas please

Add Agility CMS Module

Hey there, Joshua from Agility CMS here ๐Ÿ‘‹

Agility is a cloud-native, API-first CMS with built-in Page Management & Sitemap Control - learn more here!

One of our folks recently wrote a module to help integrate Agility CMS with Nuxt.js and we're interested in getting it listed into the list of modules: https://github.com/agility/agilitycms-nuxt-module

This module pairs with our Agility CMS & Nuxt.js Blog Starter.

Let me know how we can go about getting it added!

Thank you ๐Ÿ˜

Add `/` shortcut for search

It would be nice to type / and add the focus to the search input, so I won't have to leave my keyboard to search for a module.

Of course, we should be able to type / into the search bar.

labels

remove from keywords the official and community labels and add under label

Sorting by "recently added"

Hi ๐Ÿ‘‹๐Ÿป

I would be nice for nuxt lovers to be able to know when a new module is added, easier to keep up with new modules and helpful for learning curve.

Thanks.

Add nuxt-mail

Hey, I created a module that allows to send emails in a Nuxt.js app:
https://github.com/dword-design/nuxt-mail

Description: Adds email sending capability to a Nuxt.js app. Adds a server route, an injected variable, and uses nodemailer to send emails. Works for universal mode.

missing integrations

Here is list of some missing integrations. Some have related toturials but not module

ui

  • element ui
  • iview

cms

  • Forestry / TinaCMS
  • notion
  • Directus
  • KeystoneJS
  • ghost

database

  • hasura
  • Postgraphile
  • FaunaDB
  • prisma

analytics

  • Facebook Pixel

reporting

  • Bearer.sh
  • nuxt-Memwatch
  • Calibreapp.com

images

  • TwicPics

Payments

  • paypal
  • checkout.com

ecommerce

  • snipcart
  • Magento
  • woo commercec
  • reaction commerce
  • vue storefront

Automagic Standard?

This may be a little 'out there' but long-term, I wonder if we could create a standard whereby these yml files are actually pulled & validated from each of these repos vs manually. This would be a long term initiative, but as we get larger it may be worth it.

As a module creator, you would create a nuxt-integration.yml file in your root, then submit your repo url to a website.

Then we'd just create a simple crawler that would go to the repo (on github) and look at the file via CURL and automatically import it. We could re-run this crawler on a regular basis.

There would have to be some checks & balances of course, but just a thought.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.