インストール
VSCode、Node.js
をダウンロード＆インストール。
Node.jsのネイティブモジュールのビルドに必要なツールのチェックはオフでOK。
ターミナルで、
npx create-next-app@latest testapp
OK to proceed = yes
Would you like to use TypeScript = No
Which linter would you like to use = ESLint
Would you like to use Tailwind CSS = Yes
Would you like code inside a src directory = Yes
Would you like to use App Router = Yes
Would you like to use App Turbopack = Yes
Would you like to customize the import alias (@/* by default) = No
インストールが完了する。
cd testapp
npm run dev
http://localhost:3000
にアクセスする。
編集
src/app配下にページごとにフォルダ作成し、そのページごとのフォルダの中にpage.jsを置く。
・layout.js
ページ全体の共通レイアウトや共通処理を定義
・page.js
layout.jsで定義されたレイアウトの中に表示される