An example Next.js page file written in TypeScript.

example-page.tsx

// src/pages/index.tsx

import type { InferGetStaticPropsType, GetStaticPropsContext } from 'next'

// PageProps is typed using the inferred return type from `getStaticProps()`.
type PageProps = InferGetStaticPropsType<typeof getStaticProps>

export default function Page({ fetchedData }: PageProps) {
  // `fetchedData` is typed as the return value of `client.someAPI()`.
}

export async function getStaticProps({ previewData }: GetStaticPropsContext) {
  const fetchedData = await someAPICall()

  return {
    props: {
      fetchedData,
    },
  }
}