www-new/pages/events/[year]/[term]/[event].tsx

65 lines
1.5 KiB
TypeScript

import { ParsedUrlQuery } from "querystring";
import { GetStaticPaths, GetStaticProps } from "next";
import { MDXRemote } from "next-mdx-remote";
import React from "react";
import { EventCard } from "@/components/EventCard";
import {
Event,
getEventYears,
getEventTermsByYear,
getEventsByTerm,
getEventBySlug,
} from "@/lib/events";
export default function EventInfoPage(props: Props) {
return <p>Hello, world!</p>;
}
interface Props {
event: Event;
}
interface Params extends ParsedUrlQuery {
year: string;
term: string;
event: string;
}
export const getStaticProps: GetStaticProps<Props, Params> = async (
context
) => {
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
const { year, term, event } = context.params!;
return { props: { event: await getEventBySlug(year, term, event) } };
};
export const getStaticPaths: GetStaticPaths<Params> = async () => {
const years = await getEventYears();
const terms = (
await Promise.all(
years.map(async (year) => {
const termsInYear = await getEventTermsByYear(year);
return termsInYear.map((term) => ({ year, term }));
})
)
).flat();
const events = (
await Promise.all(
terms.map(async (term) => {
const eventsInTerm = await getEventsByTerm(term.year, term.term);
return eventsInTerm.map((event) => ({
...term,
event,
}));
})
)
).flat();
return {
paths: events.map((params) => ({ params })),
fallback: false,
};
};