nuxt.config.js

const pkg = require('./package')
const config = require('./.contentful.json')

import client from './plugins/contentful.js'

module.exports = {
  env: {
    CTF_SPACE_ID: config.CTF_SPACE_ID,
    CTF_CDA_ACCESS_TOKEN: config.CTF_CDA_ACCESS_TOKEN
  },
  mode: 'universal',
  /*
  ** Headers of the page
  */
  head: {
    title: 'Robin Hamill • Independent Shopify Developer',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description },
      {
        name: 'keywords',
        content:
          'Robin, Hamill, Robin Hamill, Front End Development, Front End Developer, Web Application, Web Application Developer, Shopify, Shopify Developer, Consultant, Shopify Consultant, e-commerce, ecommerce, Full-stack Developer, Rails Developer,  Toronto, Developer, Dev'
      },
      {
        name: 'description',
        content: 'Independent Shopify and E-Commerce developer in Toronto'
      },
      {
        name: 'author',
        content: 'Robin Hamill'
      },
      {
        property: 'og:title',
        title: 'Robin Hamill • Independent Shopify Developer',
        content: 'Robin Hamill • Independent Shopify Developer'
      },
      {
        property: 'og:site_name',
        title: 'Robin Hamill • Independent Shopify Developer',
        content: 'Robin Hamill • Independent Shopify Developer'
      },
      {
        property: 'og:url',
        content: 'https://www.robinhamill.com/'
      },
      {
        property: 'og:description',
        content: 'Independent Shopify and E-Commerce developer in Toronto'
      },
      {
        property: 'og:type',
        content: 'website'
      },
      {
        name: 'twitter:card',
        content: 'summary_large_image'
      },
      {
        name: 'twitter:site',
        content: 'https://www.robinhamill.com/'
      },
      {
        name: 'twitter:creator',
        content: '@rbnhmll'
      },
      {
        name: 'twitter:title',
        content: 'Robin Hamill'
      },
      {
        name: 'twitter:description',
        content: 'Independent Shopify and E-Commerce developer in Toronto'
      }
    ],
    link: [
      // { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
      {
        rel: 'shortcut icon',
        href: '/favicon.ico',
        type: 'image/x-icon'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '57x57',
        href: '/apple-touch-icon-57x57.png'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '60x60',
        href: '/apple-touch-icon-60x60.png'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '72x72',
        href: '/apple-touch-icon-72x72.png'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '76x76',
        href: '/apple-touch-icon-76x76.png'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '114x114',
        href: '/apple-touch-icon-114x114.png'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '120x120',
        href: '/apple-touch-icon-120x120.png'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '144x144',
        href: '/apple-touch-icon-144x144.png'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '152x152',
        href: '/apple-touch-icon-152x152.png'
      },
      {
        rel: 'apple-touch-icon',
        sizes: '180x180',
        href: '/apple-touch-icon-180x180.png'
      },
      {
        rel: 'icon',
        type: 'image/png',
        href: '/favicon-16x16.png',
        sizes: '16x16'
      },
      {
        rel: 'icon',
        type: 'image/png',
        href: '/favicon-32x32.png',
        sizes: '32x32'
      },
      {
        rel: 'icon',
        type: 'image/png',
        href: '/favicon-96x96.png',
        sizes: '96x96'
      },
      {
        rel: 'icon',
        type: 'image/png',
        href: '/android-chrome-192x192.png',
        sizes: '192x192'
      }
    ]
  },

  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#51D4C2' },

  /*
  ** Global CSS
  */
  // css: ['~/assets/styles/global.styl'],

  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    '~/plugins/contentful',
    '~/plugins/filters',
    '~/plugins/font-awesome',
    '~/plugins/directives'
  ],

  /*
  ** Nuxt.js modules
  */
  modules: [
    // Doc: https://github.com/nuxt-community/axios-module#usage
    '@nuxtjs/axios',
    ['@nuxtjs/dotenv']
  ],

  /*
  ** Axios module configuration
  */
  axios: {
    // See https://github.com/nuxt-community/axios-module#options
  },

  /*
  ** Build configuration
  */
  build: {
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
      // Run ESLint on save
      config.node = {
        fs: 'empty'
      }
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  },
  generate: {
    routes() {
      return client
        .getEntries({
          content_type: 'projects'
        })
        .then(entries => {
          return entries.items.map(entry => {
            return {
              route: `projects/${entry.fields.slug}`,
              payload: entry
            }
          })
        })
    }
  }
}