Next.js Tutorial GetStaticProps by TypeScript Sample

post.ts

import { GetStaticProps, NextPage } from "next";

type Post = {
    id: string;
    title: string;
  };
type Props = { posts: Post[]} 

const Posts : NextPage<Props> = ( props ) => {
    return <>
    <ul>
        {props.posts.map((post =>
            <li>{post.title}</li>)
        )}
    </ul>
    </>
}

async function getPosts(): Promise<Post[]> {
    return [
        { id: '001', title: 'Title-1' },
        { id: '002', title: 'Title-2' },
        { id: '003', title: 'Title-3' }
    ];
}
export const getStaticProps: GetStaticProps<Props> = async () => {
    const posts = await getPosts();
    return {
      props: {
        posts,
      },
      revalidate: 1
    };
  };

export default Posts