Nuxt.js Add Sitemap for Static Site Generate

March 27, 2020

vuejs
nuxtjs

Install

npm install @nuxtjs/sitemap

Edit nuxt.config.js

export default {
  modules: [
    '@nuxtjs/sitemap'
  ],
  sitemap: {
    hostname: 'https://covid-19.luasoftware.com/',
    // 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.

References:

https://github.com/nuxt-community/sitemap-module

❤️ Is this article helpful?

Buy me a coffee☕ or support my work to keep this space 🖖 and ad-free.
If you can't, do send some 💖 to @d_luaz or help to share this article.

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.
Pixtory App (Alpha) - easily organize photos on your phone into a blog.
暖心芽 (WIP) 🌞❤️🌱 - reminder of hope, warmth, thoughts and feelings (or just quotes).
LuaPass - offline password manager

By Desmond Lua

A dream boy who enjoys making apps, travelling and gardening. Follow me on @d_luaz.

Tags: