Nuxt.js Add Sitemap for Static Site Generate

March 27, 2020


npm install @nuxtjs/sitemap

Edit nuxt.config.js

export default {
  modules: [
  sitemap: {
    hostname: '',
    // gzip: true,

NOTE: I have already setup generate.routes for static pages generation, so sitemap will use it by default.

NOTE: There are extra features to exclude or filter routes, or separate sitemap files.

Generate static pages

npm run generate

The static file is generated at dist/sitemap.xml, and can be accessed via /sitemap.xml.

NOTE: If you are using runtime server side render (SSR), I believed /sitemap.xml will be generated at runtime.


This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.