Next.jsのプロジェクトをJSからTSに移行する

まずはパッケージをインストール

# npm
npm install --save-dev typescript @types/react @types/node

# Yarn
yarn add --dev typescript @types/react @types/node

プロジェクトのルートでtsconfig.jsonファイルを作成しnpm run dev

touch tsconfig.json

srcディレクトリへ移動

今までファイルはプロジェクトのルートに置いていたのでついでにsrcディレクトリを作ってcomponents、pages、styleなどを入れる Vercel以外で動くかは未検証

next.config.jsやtsconfig.json、publicディレクトリはルートのままにしておく必要があるらしい

mkdir src

まずは.jsx (またはjs)ファイルをtsxに変更。