feat: generate 100 first contributors and events (#390)

Author: ginifizz

pwa/api/con/conferences.ts

@@ -72,6 +72,8 @@ export const getConferenceData = async (
   // Use gray-matter to parse the post metadata section
   const matterResult = matter(fileContents);
 
+  marked.setOptions({ mangle: false, headerIds: false });
+
   const processedContent =
     withDescription && (await marked(matterResult.content, { async: true }));
 

pwa/api/con/speakers.ts

@@ -57,6 +57,8 @@ export const getSpeakerData = async (
 
   const { id } = matterResult.data;
 
+  marked.setOptions({ mangle: false, headerIds: false });
+
   const processedContent =
     withDescription && (await marked(matterResult.content, { async: true }));
 

pwa/api/events.ts

@@ -58,13 +58,15 @@ export async function getEventContent(slug: string): Promise<EventWithContent> {
 
   const title = extractHeadingsFromMarkdown(fileContents, 1)?.[0];
 
-  const speakers = await Promise.all(
-    resultMdx.meta.speakers?.map(async (speaker: { github?: string }) =>
-      speaker.github
-        ? { ...speaker, link: await getSpeakerLink(speaker.github) }
-        : speaker
-    )
-  );
+  const speakers = resultMdx.meta.speakers
+    ? await Promise.all(
+        resultMdx.meta.speakers?.map(async (speaker: { github?: string }) =>
+          speaker.github
+            ? { ...speaker, link: await getSpeakerLink(speaker.github) }
+            : speaker
+        )
+      )
+    : [];
 
   return {
     ...resultMdx.meta,

pwa/app/(common)/community/contributors/[slug]/page.tsx

@@ -1,6 +1,7 @@
 import {
   getContributorBySlug,
   getContributorConferencesBySlug,
+  getContributors,
 } from "api/contributors";
 import Heading from "components/common/typography/Heading";
 import RepoLink from "./components/RepoLink";
@@ -68,7 +69,8 @@ const parseGithubText = (text: string) => {
 };
 
 export async function generateStaticParams() {
-  return [];
+  const contributors = await getContributors(0, 100);
+  return contributors.map((c) => ({ slug: c.login }));
 }
 
 export default async function Page({

pwa/app/(common)/events/[slug]/page.tsx

@@ -1,4 +1,4 @@
-import { getEventContent } from "api/events";
+import { getAllEvents, getEventContent } from "api/events";
 import Heading from "components/common/typography/Heading";
 import { Calendar, Video } from "components/icons";
 import Image from "next/image";
@@ -14,6 +14,13 @@ type Props = {
   params: { slug: string };
 };
 
+export async function generateStaticParams() {
+  const events = await getAllEvents();
+  return events.map((event) => ({ slug: event.slug }));
+}
+
+export const dynamicParams = false;
+
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
   const { slug } = params;
   const { title } = await getEventContent(slug);
@@ -36,10 +43,6 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
   };
 }
 
-export async function generateStaticParams() {
-  return [];
-}
-
 function convertEventDateToString({
   date,
   time,
@@ -75,7 +78,7 @@ export default async function Page({
     ) => <p className="mb-8">{props.children}</p>,
   };
   return (
-    <>
+    <div className="bg-gray-100 dark:bg-blue-black">
       <ShapeSection
         className="bg-blue pb-4 text-white dark:text-blue-black"
         effect="right-triangle"
@@ -143,6 +146,6 @@ export default async function Page({
           <Mdx components={components} />
         </div>
       </div>
-    </>
+    </div>
   );
 }

pwa/app/(common)/help/code-of-conduct/page.tsx

@@ -8,6 +8,7 @@ const getCodeOfConductContent = async () => {
   );
   const content = await file.text();
   const matterResult = matter(content);
+  marked.setOptions({ mangle: false, headerIds: false });
   const processedContent = await marked(matterResult.content, { async: true });
   return processedContent?.toString();
 };