Install Nuxt Link Checker

Setup Module

bash

npx nuxt module add link-checker

bash

npm i nuxt-link-checker

You will need to manually add the module to your Nuxt config.

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    'nuxt-link-checker',
  ],
})

bash

yarn add nuxt-link-checker

You will need to manually add the module to your Nuxt config.

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    'nuxt-link-checker',
  ],
})

bash

pnpm i nuxt-link-checker

You will need to manually add the module to your Nuxt config.

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    'nuxt-link-checker',
  ],
})

bash

bun i nuxt-link-checker

You will need to manually add the module to your Nuxt config.

nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    'nuxt-link-checker',
  ],
})

Generate an Agent Skill for this package using skilld:

npx skilld add nuxt-link-checker

Nuxt Link Checker provides a visual integration in development through the Link Checker DevTools tab. Open up DevTools in your Nuxt site and navigate to the Link Checker tab to see live inspections of your links. See the Link Checker DevTools guide for more information.

When building your site, the module will check links of all prerendered pages. It's recommended to prerender any pages that you'd like to have the links checked on.