[1日目] nextjsアプリの立ち上げ

nextjs開発の経験がないため、一通り共通的な機能を実装したかった
(ログイン、セッション、テスト、非同期、store、SSR、 SSG etc)

初めに、nextjsでアプリを作る
読んだ記事

memo

• Node.jsのバージョンは12.22.0 ~
• ローカル確認。。node -v は 15.4.0なのでOK
• 書類/nodejsディレクトリ で作業

npx create-next-app@latest --typescript

typescriptがよかったのでオプションつける

login-logout-sampleという名前でpackageを作る

エラー

error @eslint/eslintrc@1.3.0: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.17.0 || >=16.0.0". Got "15.4.0"
error Found incompatible module.

nextjs的にはOKでしたがeslintの依存関係上15.4.0だとだめでした
最適なバージョンなど考えたことがないのでエラー文に従って16.0.0でいきます

nodebrew入れているので

nodebrew install 16.0.0
nodebrew use 16.0.0
node -v
// v16.0.0

一回packageを消去して、再度インストールしました

Success! Created login-logout-sample

気持ちよくインストールが完了

初期動作確認

cd login-logout-sample
yarn dev

まとめ

まずはアプリを作れたところでよしとする
コツコツ作ってく