npx create-next-app@latest
事前準備
node.jsのインストール
はじめに
npx create-next-app@latest nextproject <--- 大文字が使えない
√ Would you like to use TypeScript?
... Yes(TypeScriptも勉強したければYes)
√ Would you like to use ESLint?
... Yes(ESLintは作成したコードをレビューしてくれるツールです。あって困ることはないのでYes)
√ Would you like to use Tailwind CSS?
... No(最近流行りのCSSだけど学習コストが高いのでNO)
√ Would you like your code inside a `src/` directory?
... Yes(プロジェクト直下にsrcディレクトリを配置するかどうか。基本的にYes)
√ Would you like to use App Router? (recommended)
... No(App Routerの情報が少ないので、とりあえずPages Routerで学習してみる)
√ Would you like to use Turbopack for `next dev`?
... No(Webpackの代わりに現れた高速ビルドツール。不安定なので使わない)
√ Would you like to customize the import alias (`@/*` by default)?
... No(インポートエイリアスとはimportでモジュールを読み込むときの相対パスを短くしてくれます
import {Home} from "../../../Home" が import {Home} from "@/Home" になります
初心者にはどうでもいいところなのでNo)
ローカルサーバーの立ち上げ
cd nextproject
npm run dev <--- ローカルサーバーの立ち上げ