Open3

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

Yuta KobayashiYuta Kobayashi

TypeScriptを大体理解したのでこちらのドキュメントを見ながら進める
https://nextjs.org/learn/excel/typescript/create-tsconfig

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

# 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
Yuta KobayashiYuta Kobayashi

srcディレクトリへ移動

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

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

mkdir src

https://nextjs.org/docs/advanced-features/src-directory