Next.jsで最初のページを表示したいっ!
2023年3月5日
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
最初のページが表示できました😀