microCMSとapp routerでのデータ取得

  const data = await client.get({
    endpoint: 'hello',
  });

import Head from "next/head";
import styles from "../styles/Home.module.css";
import { client } from '../libs/client';

export default function Home({ data }) {
  return (
    <div className={styles.container}>
      <Head>
        <title>Create Next App</title>
        <link rel="icon" href="/favicon.ico" />
      </Head>

      <main className={styles.main}>
        <h1 className={styles.title}>{data.text}</h1>
        <p className={styles.description}>
          Get started by editing <code className={styles.code}>pages/index.js</code>
        </p>
      </main>
    </div>
  );
}

export const getStaticProps = async () => {
  const data = await client.get({
    endpoint: 'hello',
  });

  return {
    props: {
      data,
    },
   revalidate: 10,
  };
};

async function getContents() {

 const response = await client.getList({
  customRequestInit: {
   cache: "no-store", // キャッシュを利用せずに常に新しいデータを取得する
  },
  endpoint: "endpoint",
 });

 return response.contents;
}

export default async function Home() {
 const contents = await getContents();
 return (
  <ul>
   {contents.map((item) => {
    return <li key={item.id}>{item.title}</li>;
   })}
  </ul>
 );
}