🗒️
【Next.js】環境構築
<前提条件>
・node.js, npmがインストールされていること
・node: ">=12.22.0"
※以下手順はyarnを使用しているため、npmを使用している場合はnpm用のコマンドに読み替えてください。
プロジェクトを作成
cd <プロジェクトを作成したいディレクトリ>
yarn create next-app
TypeScript化
- プロジェクトルートに
tsconfig.jsonを作成
cd <プロジェクトルート>
touch tsconfig.json
- TypeScriptをインストール
yarn add --dev typescript @types/react @types/node
- 起動（このとき自動でtsconfig.jsonの中身が書き込まれる）
yarn dev
※停止はCtrl + C
- pages配下のファイルの拡張子をすべて
.tsxに書き換える
Discussion