nuxt.config.js

const getAllDynamicRoute = async function() {
  const { $content } = require('@nuxt/content');
  const postSlugs = await $content('post').only(['slug', 'category']).fetch();
  const pageSlugs = await $content('page').only(['slug']).fetch();
  const allCategories = [...postSlugs];
  const post = postSlugs.map(slug => `/post/${slug.slug}`);
  const page = pageSlugs.map(slug => `/pages/${slug.slug}`);
  const distinctCategories = [...new Set(allCategories.map(value => `/categories/${encodeURIComponent(value.category)}`))];
  return [...post, ...page, ...distinctCategories];
}
const baseUrl = process.env.NODE_ENV === 'development' ? 'http://localhost:3000' : process.env.BASE_URL;
export default {
  target: 'static',
  mode: process.env.NODE_ENV === 'development' ? 'spa' : 'universal',
  /*
  ** Headers of the page
  */
  head: {
    title: process.env.BLOG_TITLE,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.BLOG_DESC },
      { hid: 'og:title', property: 'og:title', content: process.env.BLOG_TITLE },
      { hid: 'og:description', property: 'og:description', content: process.env.BLOG_DESC },
      { hid: 'og:image', property: 'og:image', content: `${baseUrl}/image.png` },
      { hid: 'og:url', property: 'og:url', content: `${baseUrl}` },
      { hid: 'twitter:title', name: 'twitter:title', content: process.env.BLOG_TITLE },
      { hid: 'twitter:description', name: 'twitter:description', content: process.env.BLOG_DESC },
      { hid: 'twitter:image', name: 'twitter:image', content: `${baseUrl}/icon.png` },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/icon.png' }
    ]
  },
  env: {
    baseUrl,
    blogTitle: process.env.BLOG_TITLE,
    blogDesc: process.env.BLOG_DESC,
    perPage: Number(process.env.POST_PAGINATION_PERPAGE || 10)
  },
  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#000' },
  /*
  ** Global CSS
  */
  css: [
  ],
  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    '@/plugins/update-client.js'
  ],
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    // Doc: https://github.com/nuxt-community/nuxt-tailwindcss
    '@nuxtjs/tailwindcss',
    // https://github.com/nuxt-community/analytics-module#readme
    '@nuxtjs/google-analytics'
  ],
  googleAnalytics: {
    id: process.env.GA_ID
  },
  /*
  ** Nuxt.js modules
  */
  modules: [
    '@nuxtjs/pwa',
    '@nuxt/content',
    '@nuxtjs/sitemap',
  ],
  sitemap: {
    hostname: process.env.BASE_URL,
    gzip: true,
    defaults: {
      changefreq: 'weekly',
      priority: 1,
      lastmod: new Date().toISOString(),
      lastmodrealtime:true
    },
    routes() {
      return getAllDynamicRoute();
    },
    trailingSlash: true
  },
  /*
  ** Build configuration
  */
  content: {
  // My custom configuration
    markdown: {
      prism: {
        theme: 'prism-themes/themes/prism-material-oceanic.css'
      }
    }
  },
  build: {
    /*
    ** You can extend webpack config here
    */
    extend (config, ctx) {
    }
  },
  generate: {
    async routes () {
      return getAllDynamicRoute();
    }
  }
}