Next.jsで最初のページを表示したいっ!

create

TypeScriptで書きたいのでオプションを追加。

yarn create next-app --typescript

プロジェクト名を入力 > hogehoge

What is your project named? › hogehoge
Would you like to use ESLint with this project? > Yes
Would you like to use `src/` directory with this project? > No
Would you like to use experimental `app/` directory with this project? > No
What import alias would you like configured? > Enter

これで実行した場所にhogehogedirが作られて、Next.jsのテンプレが作られました。

起動してみる

yarn dev

中身は package.jsonのscriptsに書いてあるnext devですね。

ブラウザからアクセスしてみる。
http://localhost:3000

最初のページが表示できました😀