Function for generating pages on Netlify using Vite Plugin SSR

generatePage.ts

// /package/functions/generatePage.ts

// `importBuild.cjs` enables us to bundle our serverless functions, see https://vite-plugin-ssr.com/importBuild.cjs
// File is generated within /package/dist/server/importBuild.cjs

import '../dist/server/importBuild.cjs';

import type { Handler, HandlerEvent } from '@netlify/functions';
import { builder } from '@netlify/functions';
import { fixPathSlashes } from '@unilever/utils-helpers';
import consola from 'consola';
import { renderPage } from 'vite-plugin-ssr';

export async function generatePage(event: HandlerEvent) {
  const { path } = event;
  const fixedPath = fixPathSlashes(path);

  consola.info('Request to path:', path);

  if (path !== fixedPath) {
    return {
      statusCode: 301,
      headers: {
        Location: fixedPath,
      },
    };
  }

  try {
    const pageContextInit = { url: fixedPath };
    const pageContext = await renderPage(pageContextInit);
    const { httpResponse } = pageContext;
    if (!httpResponse) {
      throw Error;
    }
    const { body, statusCode, contentType } = httpResponse;
    return {
      statusCode,
      headers: {
        'Content-Type': contentType,
      },
      body,
    };
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
  } catch (error: any) {
    return {
      statusCode: error.httpStatusCode || 500,
      body: JSON.stringify(
        {
          error: error.message,
        },
        null,
        2
      ),
    };
  }
}

const handler = builder(generatePage as Handler);

export { handler };