【Next.js】Create Next Appでプロジェクトを作成する

Reactの環境構築の手順を書いていきます。

事前にインストールしておくもの

ページ記載時点のバージョンです。

• Node.js：v14.17.3
• npm：v6.14.13

プロジェクトの作成

2種類の方法があり、どちらも作成されるものは一緒です。

npx create-next-app プロジェクト名

yarn create next-app プロジェクト名

プロジェクトの作成（Typescript版）

Javascriptではなく、Typescriptで作成するならこちら。

npx create-next-app プロジェクト名 --typescript

プロジェクトの実行

プロジェクトが作成されたら、下記コマンドを実行すると、ブラウザに実行結果が表示されれば無事成功です。

npm run dev

あとがき

Next.jsアプリのプロジェクトを作成する方法をまとめました。
環境によっては設定が足りないこともあるかもしれないので、随時追加したいと思います。