npx create-next-app@latest

NextJS

事前準備

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  <--- ローカルサーバーの立ち上げ
BACK