next.config.js

/* eslint-disable @typescript-eslint/no-var-requires */
const flow = require('lodash.flow');
const withManifest = require('next-manifest');
const withOffline = require('next-offline');
const algoliasearch = require('algoliasearch');
require('dotenv').config();

const INDEX_HITS_PER_PAGE = 1000;

const exportPathMap = async function () {
  const pages = {
    '/': {
      page: '/',
      query: {
        vse: ''
      }
    },
    '/preview': {
      page: '/preview',
      query: {
        content: '',
        vse: ''
      }
    },
    '/visualization.html': {
      page: '/visualization',
      query: {
        vse: '',
        content: ''
      }
    }
  };

  const client = algoliasearch(process.env.ALGOLIA_APPLICATION_ID, process.env.SEARCH_API_KEY);
  const index = client.initIndex(process.env.SEARCH_INDEX_NAME_PRODUCTION);

  try {
    console.info('\nLoading blog posts:');
    const results = await index.search('', {
      attributesToRetrieve: ['objectID', 'deliveryKey'],
      attributesToHighlight: [],
      hitsPerPage: INDEX_HITS_PER_PAGE
    });

    results.hits.forEach(blogPost => {
      if (!blogPost.deliveryKey) {
        console.warn('No deliveryKey for blogPost', blogPost);
      }
      const slug = blogPost.deliveryKey ? blogPost.deliveryKey : blogPost.objectID;
      const path = `/blog/${encodeURIComponent(slug)}`;
      const pageInfo = {
        page: '/blog/[...slug]',
        query: { slug }
      };
      console.info(`Loading blog post "${path}`, pageInfo);
      pages[path] = pageInfo;
    });
  } catch (err) {
    console.error('Error building exportPathMap', err);
    throw err;
  }

  return pages;
};

const env = {
  URL: process.env.URL,
  ALGOLIA_APPLICATION_ID: process.env.ALGOLIA_APPLICATION_ID,
  SEARCH_API_KEY: process.env.SEARCH_API_KEY,
  SEARCH_INDEX_NAME_PRODUCTION: process.env.SEARCH_INDEX_NAME_PRODUCTION,
  SEARCH_INDEX_NAME_STAGING: process.env.SEARCH_INDEX_NAME_STAGING,
  AUTHORS_FACET_FIELD: process.env.AUTHORS_FACET_FIELD,
  DYNAMIC_CONTENT_HUB_NAME: process.env.DYNAMIC_CONTENT_HUB_NAME,
  DYNAMIC_CONTENT_DELIVERY_KEY: process.env.DYNAMIC_CONTENT_DELIVERY_KEY,
  DYNAMIC_CONTENT_BASE_URL: process.env.DYNAMIC_CONTENT_BASE_URL,
  DYNAMIC_CONTENT_SECURE_MEDIA_HOST: process.env.DYNAMIC_CONTENT_SECURE_MEDIA_HOST,
  ROBOTS_META_TAG_NOINDEX: process.env.ROBOTS_META_TAG_NOINDEX || 'true',
  TAGS_FACET_FIELD: process.env.TAGS_FACET_FIELD,
  HITS_PER_PAGE: process.env.HITS_PER_PAGE
};

const manifest = {
  name: 'Amplience Product Blog',
  short_name: 'Amplience',
  theme_color: '#29333f',
  background_color: '#29333f',
  display: 'standalone',
  orientation: 'portrait',
  Scope: '/',
  start_url: '/',
  cache: true,
  output: './public/static/',
  icons: [
    {
      src: '/static/icons/icon-72x72.png',
      sizes: '72x72',
      type: 'image/png'
    },
    {
      src: '/static/icons/icon-96x96.png',
      sizes: '96x96',
      type: 'image/png'
    },
    {
      src: '/static/icons/icon-128x128.png',
      sizes: '128x128',
      type: 'image/png'
    },
    {
      src: '/static/icons/icon-144x144.png',
      sizes: '144x144',
      type: 'image/png'
    },
    {
      src: '/static/icons/icon-152x152.png',
      sizes: '152x152',
      type: 'image/png'
    },
    {
      src: '/static/icons/icon-192x192.png',
      sizes: '192x192',
      type: 'image/png'
    },
    {
      src: '/static/icons/icon-384x384.png',
      sizes: '384x384',
      type: 'image/png'
    },
    {
      src: '/static/icons/icon-512x512.png',
      sizes: '512x512',
      type: 'image/png'
    }
  ],
  splash_pages: null
};

const plugins = [withManifest];
// the withOffline plugin doesn't work with the nextjs-sitemap-generator,
// so if SITEMAP_GENERATOR is present skip the withOffline plugin
if (!process.env.SITEMAP_GENERATOR) {
  plugins.push(withOffline);
}

const invokePlugins = flow(plugins);

module.exports = invokePlugins({
  env,
  exportPathMap,
  manifest,
  exportTrailingSlash: true,
  workboxOpts: {
    runtimeCaching: [
      {
        urlPattern: /.mp4$/,
        handler: 'NetworkFirst'
      }
    ]
  }
});