perf: pre-generate event pages at build time (SSG)

Add generateStaticParams() to pre-render all past event pages as static
HTML, and wrap fetchEvent with React.cache() to deduplicate API calls
within the same server render (page + generateMetadata).

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: Slashgear

app/evenement/[slug]/page.tsx

@@ -1,14 +1,20 @@
 import { EventDetail } from '../../../modules/event/components/EventDetail';
 import { EventMarkup } from '../../../modules/event/components/EventMarkup';
 import React from 'react';
-import { parserEventIdFromSlug } from '../../../modules/event/eventSlug';
+import { parserEventIdFromSlug, slugEventTitle } from '../../../modules/event/eventSlug';
 import { overrideEvent } from '../../../modules/event/overrideEvent';
 import { fetchEvent } from '../../../modules/meetup/queries/event.api';
+import { fetchPastEvents } from '../../../modules/meetup/queries/past-events.api';
 import { notFound } from 'next/navigation';
 import { Metadata } from 'next';
 
 export const revalidate = 3600;
 
+export async function generateStaticParams() {
+  const events = await fetchPastEvents();
+  return events.map((event) => ({ slug: slugEventTitle(event) }));
+}
+
 export default async function EventPage({ params }: { params: Promise<{ slug: string }> }) {
   const { slug } = await params;
   const eventId = parserEventIdFromSlug(slug);

modules/meetup/queries/event.api.ts

@@ -1,3 +1,4 @@
+import { cache } from 'react';
 import { gql } from 'graphql-request';
 import { Event } from '../../event/types';
 import { client, LYONJS_MEETUP_ID } from '../api';
@@ -32,12 +33,12 @@ const query = gql`
 type Response = {
   event: Event;
 };
-export const fetchEvent = async (id: string): Promise<Event> => {
+export const fetchEvent = cache(async (id: string): Promise<Event> => {
   const response = await client.request<Response>(query, { id });
 
   if (response?.event.group.id !== `${LYONJS_MEETUP_ID}`) {
     throw Error(`event of id is not part of LyonJS`);
   }
 
   return response?.event;
-};
+});

styles/globals.css

@@ -11,8 +11,8 @@ html {
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
   tab-size: 4;
-  font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-    'Noto Color Emoji';
+  font-family:
+    ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   font-feature-settings: normal;
   font-variation-settings: normal;
 }