Discussion on using Sanity with Next.js, including an error message and troubleshooting, and a brief tangent on TypeScript support.

export const getServerSideProps: GetServerSideProps<Page> = async () => {
    return { props: await client.fetch<Page>("[_type == 'page' && title == 'About' ]") }
}

Error serializing props returned from `getServerSideProps` in "/". Reason: Props must be returned as a plain object from getServerSideProps: `{ props: { ... } }`.

export const getServerSideProps: GetServerSideProps<Page> = async () => {
    return { props: { pageDate: await client.fetch<Page>("[_type == 'page' && title == 'About' ]") }}
}

export const getServerSideProps: GetServerSideProps<Page> = async () => {
    return { props: await client.fetch<Page>("[_type == 'page' && title == 'About' ][0]") }
}

    const aboutPage = await client.fetch<Page>("[_type == 'page' && title == 'About' ][0]")
    console.log("YAY:" + JSON.stringify(aboutPage))
    return { props: aboutPage }

export const getServerSideProps: GetServerSideProps<Page> = async () => {
  const data = await client.fetch<Page>("[_type == 'page' && title == 'About' ]")
  console.log(data)
    return { props: { data }}
}

export const getServerSideProps: GetServerSideProps<Page> = async () => {
    return { props: { pageDate: await client.fetch<Page>("*[_type == 'page' && title == 'About' ]") }}
}

*[_type == 'page' && title == 'About' ]

[_type == 'page' && title == 'About' ]