Install Nuxt Sitemap

1. Install @nuxtjs/sitemap dependency to your project:

pnpm i -D @nuxtjs/sitemap

2. Add it to your modules section in your nuxt.config:

export default defineNuxtConfig({
  modules: ['@nuxtjs/sitemap']
})

3. Set Site Config

It's recommended to always set a canonical site URL to avoid duplicate content issues.

You can set your site URL in many ways, the easiest is nuxt.config or .env:

export default defineNuxtConfig({
  site: {
    url: 'https://example.com',
  },
})

Sitemap URLs will have their trailing slashes removed by default. If you want to keep them, you can set the trailingSlash option to true:

export default defineNuxtConfig({
  site: {
    trailingSlash: true
  },
})

4. Preview your Sitemap

After you've set up the module, if you visit /sitemap.xml you can see the generated sitemap.

This has been generated with Application Sources.

5. Next Steps

• You may want to add your own sources, see Dynamic URLs.
• Have 1000's of pages? Consider using Multiple Sitemaps.
• Ready to go Live? See Submitting Your Sitemap.