【Next.js】プロジェクト作成コマンド+@

プロジェクト作成

(※) 'your-project-name' は適宜変更する

1. 非対話（オプション指定）

npx create-next-app@latest your-project-name \
--ts --tailwind --eslint --src-dir --app --import-alias '@/*'

2. 対話的

npx create-next-app@latest your-project-name

# オプション設定値は基本下記で良いと思う
✔ Would you like to use TypeScript? … Yes
✔ Would you like to use ESLint? … Yes
✔ Would you like to use Tailwind CSS? … Yes
✔ Would you like to use `src/` directory? … Yes
✔ Would you like to use App Router? (recommended) … Yes
✔ Would you like to customize the default import alias (@/*)? … No

3. "--example"オプションを使用

npx create-next-app@latest nextjs-blog --use-npm --example "xxx"

---

localhost起動

# 対象プロジェクトのディレクトリへ移動
cd xxx

#サーバ起動
npm run dev

http://localhost:3000 で確認

終了

`control + C`

ドキュメント

https://nextjs.org/docs

https://ja.next-community-docs.dev/docs/app-router/api-reference/create-next-app