/** @type {import("next").NextConfig} */

const nextConfig = {
  
  exportPaths: ['/store/website/preview/[id]'],
  output: 'export',
  distDir: 'out',

  reactStrictMode: true,

  images: {
    loader: 'akamai',
    path: '/',
    unoptimized: true,
    dangerouslyAllowSVG: true,
    contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
    domains: [
      "images.unsplash.com",
      "gateway.pinata.cloud",
      "dfmin6ewnkm30.cloudfront.net",
    ],
  },

  exportPathMap: async function (
    defaultPathMap,
    { dev, dir, outDir, distDir, buildId }
  ) {

  
    // Get the IDs of the store web pages
    const response = await fetch('/api/getId');
    const pageIds = await response.json();

    const paths = {};
  pageIds.forEach((pageId) => {
    paths[`/store/website/preview/${pageId}`] = { page: '/store/website/preview/[id]', query: { id: pageId } };
  });

  // Add the paths with the page IDs to the defaultPathMap
  const updatedPathMap = {
    ...defaultPathMap,
    ...paths,
  };

  return updatedPathMap;
  },
  
}


module.exports = nextConfig