nuxt.config.js

import axios from 'axios'

export const defaultTitle =
  'nkCreation - WebDesigner & Developer in Rennes, FR (35)'
export const defaultDescription =
  'Nicolas Leport, interface designer & builder in Rennes, France. Currently work for Zenika. Also a freelancer and CEO at Skypaper.'

export default {
  env: {
    apiUrl: process.env.API_URL,
  },

  // Target (https://go.nuxtjs.dev/config-target)
  target: 'static',

  // Global page headers (https://go.nuxtjs.dev/config-head)
  head: {
    title: defaultTitle,
    description: defaultDescription,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
      { name: 'format-detection', content: 'telephone=no' },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#005e7e' },
    ],
  },

  // Global CSS (https://go.nuxtjs.dev/config-css)
  css: ['normalize.css/normalize.css', '~/assets/scss/app.scss'],

  // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
  plugins: [],

  // Auto import components (https://go.nuxtjs.dev/config-components)
  components: [
    '~/components/ui/atoms',
    '~/components/ui/organisms',
    '~/components/ui/molecules',
  ],

  // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
  buildModules: [
    'nuxt-graphql-request',
    '@nuxtjs/pwa',
    // https://go.nuxtjs.dev/typescript
    '@nuxt/typescript-build',
    // https://go.nuxtjs.dev/stylelint
    '@nuxtjs/stylelint-module',
    '@nuxtjs/svg-sprite',
    [
      '@nuxtjs/google-fonts',
      {
        families: {
          'Source+Sans+Pro': [200, 400, 600],
        },
      },
    ],
  ],

  // Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    // https://go.nuxtjs.dev/pwa,
    [
      '~/modules/extractor',
      {
        baseUrl: process.env.API_URL,
        path: '/_images',
      },
    ],
    '@nuxtjs/sitemap',
  ],

  // Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {},

  pwa: {
    meta: {
      lang: 'fr',
      name: defaultTitle,
      description: defaultDescription,
      author: 'Nicolas Leport',
      theme_color: '#ffffff',
      ogHost: 'nkcreation.com',
    },
    manifest: {
      name: 'nkCreation',
      short_name: 'nkCreation',
      description: defaultDescription,
      lang: 'fr',
      useWebmanifestExtension: true,
    },
  },

  sitemap: {
    hostname:
      process.env.HOSTNAME || process.env.DEPLOY_PRIME_URL || process.env.URL,
    gzip: true,
    exclude: ['/404'],
    routes() {
      return fetchRoutes()
    },
  },

  svgSprite: {
    input: '~/assets/svg/',
    iconsPath: false,
  },

  generate: {
    routes() {
      return fetchRoutes()
    },
  },

  graphql: {
    clients: {
      default: {
        endpoint: process.env.API_URL + 'graphql',
      },
    },
  },
}

function slashifySlug(slug) {
  return `${slug.startsWith('/') ? '' : '/'}${slug}`
}

async function fetchRoutes() {
  const routes = await Promise.all([
    axios
      .get(process.env.API_URL + 'items/Pages?filter[status][_eq]=published')
      .then(({ data }) => data.data.map((route) => slashifySlug(route.slug))),
    axios
      .get(
        process.env.API_URL + 'items/realisations?filter[status][_eq]=published'
      )
      .then(({ data }) =>
        data.data.map((realisation) =>
          slashifySlug(`/projects/${realisation.slug}`)
        )
      ),
  ])

  return routes.flat()
}