nuxt.config.js

require('dotenv').config()
const webpack = require('webpack')
// const MomentLocalesPlugin = require('moment-locales-webpack-plugin')

module.exports = {
  mode: 'spa',
  /*
   ** Nuxt target
   ** See https://nuxtjs.org/api/configuration-target
   */
  target: 'server',
  env: {
    firebaseApiUrl: process.env.FIREBASE_API_URL,
    firebaseAuthDomain: process.env.FIREBASE_AUTH_DOMAIN,
    firebaseStorageBucket: process.env.FIREBASE_STORAGE_BUCKET,
    algoliaAppId: process.env.ALGOLIA_APP_ID,
    algoliaSearchKey: process.env.ALGOLIA_SEARCH_KEY
  },
  /*
   ** Headers of the page
   */
  head: {
    title: 'forloop Africa',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'forLoop Africa' }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
    script: [
      {
        async: true,
        src:
          'https://maps.googleapis.com/maps/api/js?key=AIzaSyAcjFtRHmXguek060FhPql3KH_--AXoEjs'
      },
      { async: true, src: 'https://platform.twitter.com/widgets.js' }
    ]
  },
  /*
   ** Customize the progress bar color
   */
  loading: { color: '#3B8070' },
  render: {
    resourceHints: false
  },
  /*
   ** Build configuration
   */
  build: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery'
      })
    ]
  },
  plugins: [
    '~plugins/axios.js',
    '~plugins/filters.js',
    { src: '~plugins/firebase.js', ssr: true },
    { src: '~plugins/globals.js', ssr: true }
  ],
  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/toast',
    '@nuxtjs/sentry',
    '@nuxtjs/google-analytics',
    ['bootstrap-vue/nuxt', { css: false }]
  ],
  axios: {
    baseURL: process.env.API_URL,
    credentials: false
    // debug: true
  },
  'google-analytics': {
    id: process.env.GA_TRACKING_ID
  }
}