やること
プロジェクトの初期化
npx create-next-app@latest nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"
Voltaでnodeとnpmのバージョンを固定する
ローカルのNode.jsはVoltaでバージョン管理をしているので、volta pinを使ってNode.jsとNpmのバージョンを固定する。
volta pin node && volta pin npm
さよならESLint、さよならPrettier、こんにちはBiome
最近ESLintとPrettierを卒業してBiomeの傘下に下ったので、
- ESLintとPrettierをアンインストール
- 代わりにBiomeをインストール
npm uninstall eslint eslint-config-next eslint-config-prettier prettier prettier-plugin-tailwindcss
npm install -D @biomejs/biome
そしてbiome.jsonを作る
npx biome init
具体的なbiome.jsonの設定はこれを使わせてもらう。
初期化後のディレクトリ構造を読む。
- とりあえず、ビジネスロジックやらUIやら、アプリケーションに含まれるものは
/appに入れればいいみたい。 - 画像とかの静的アセットは
/publicに入れるらしい。 - DBのシードとかは
/scriptsに入れてる（これはこのプロジェクト限定かな？）
Placeholder data
DBのデータがまだ用意できてない時に、固定データを用意する話。
mockAPIというサービスが紹介されているが、他にはどんな手段あるんだろう？
TypeScript
まぁ...勉強する...
Running the development server
こういうのはプロジェクト初期化後に一度チェックしておかないと、ローカル環境がイカれてるのか自分の独自設定がイカれてるのかわからなくなるよね。
