{intl.formatMessage({ id: 'App.title', description: 'The full title of the website', defaultMessage: 'Games Done Quick Instant Archive', })}

import * as React from 'react'; import Head from 'next/head'; import Link from 'next/link'; import ListGroup from 'react-bootstrap/ListGroup'; import { Breadcrumb } from 'react-bootstrap'; import { useIntl } from 'react-intl'; import { FormattedMessage } from '../components/localization'; import { VideoOnDemandIndex } from '../util/datatypes/VideoOnDemandIdentifier'; import { getIndex } from '../util/api'; export async function getServerSideProps() { // Fetch VOD IDs const { ids } = await getIndex(); return { props: { ids, }, }; } export default function Home({ ids }: VideoOnDemandIndex) { const intl = useIntl(); return (

{ids.map(({ id, title }) => (

{title}

))}

); }