domjtalbot/nx-mesh

import type { GetStaticProps, NextPage } from 'next';
import type { JavascriptWiki } from '@nx-mesh/examples-sdk-openapi--javascript-wiki';

import { isAvailability } from '@nx-mesh/examples-sdk-openapi--javascript-wiki/utils';

type PageData = JavascriptWiki.feed_availability_queryQuery;

export const getStaticProps: GetStaticProps<PageData> = async () => {
  const { getMeshSDK } = await import(
    '@nx-mesh/examples-sdk-openapi--javascript-wiki/sdk'
  );

  const data = await getMeshSDK().feed_availability_query();

  return {
    props: data,
    revalidate: 60 * 60 * 24 * 31, // 1 month
  };
};

export const JavascriptWikiRoute: NextPage<PageData> = (props) => {
  const inTheNews = isAvailability(props.feed_availability)
    ? props.feed_availability?.in_the_news
    : undefined;

  return (
    <>
      <h1>JavaScript Wiki</h1>
      <ul>
        {inTheNews?.map((wiki) => (
          <li key={wiki} data-wiki={wiki}>
            {wiki}
          </li>
        ))}
      </ul>
    </>
  );
};

export default JavascriptWikiRoute;