import { GetServerSideProps, NextPage } from 'next'

// 型チェックが弱いの許してぇ
const getHello = () => fetch('http://localhost:3000/api/hello')

interface IndexPageProps {
  data: {
    message: string
  }
}

const IndexPage: NextPage<IndexPageProps> = ({data}) => {
  console.log({data});
  return <h1>{data.message}</h1>
}

export default IndexPage

export const getServerSideProps: GetServerSideProps = async () => {
  const res = await getHello()
  const data = await res.json()

  return { props: { data } }
}

import { NextApiRequest, NextApiResponse } from "next";

const handler = async (_req: NextApiRequest, res: NextApiResponse) => {
  res.status(200).json({
    message: 'Hello! おろかなせかい'
  })
}

export default handler

{
  "scripts": {
    "setup": "yarn --frozen-lockfile --ignore-optional",
    "dev": "next",
    "build": "next build",
    "start": "next start -p $PORT",
    "typecheck": "tsc"
  },
}