ログイン状態によってヘッダーの表示を変えたくて、何も考えずにクッキーの有無でif書いてたらエラーになった。

【Next.js】Warningが発生する誤ったCookieの使用例と改善方法 | Enjoy IT Life

このページを参考に解決。

Nextの言いたいこともわかるけど、いい感じにやってくれたらいいのに、とも思う。

途中から写経するのあきらめて流し読みした。

長くて（フォント的に）読みにくいコードを見るのがつらすぎたので。。

CSSの書き方は、こっちのスタイルではなくてファイル分けるほうが自分には合っていそう。

テストの書き方など、あとで見返すと参考になりそうなことはたくさんあった。

Kindle版のフォントは何とかならなかったのかなぁ。

読むの再開した。

作って学ぶ～の方とはCSSの定義の仕方が違ってstyled-componentsを使っているし、モジュールのディレクトリ構成も違う。

Storybookも導入しているし、Linterも設定している。

読んだところまでで1か所だけソースが画像になっているところがあって、全部これでいいのに・・と思った。

後半のCMS連携以降は読むだけで手は動かさずに読み終えた。

データ用意するのも面倒だしね・・

とりあえず、Next.jsの基本は完全に理解した。

しかしCSSがまったく理解できていない。

また別の本読むか・・

Amazon.co.jp: 作って学ぶ　Next.js/React　Webサイト構築 eBook : エビスコム: 本を半分くらいまで進んだ。

時折、初出の単語が説明なしに出てきて止まるが（後で説明があるならそうと書いておいてほしい）おおむね順調。

フロント寄りの内容で、Imageやmetaタグの説明が結構長く書かれていたりする。 この辺は雰囲気で理解していた部分なので、学びなおすいい機会だった。

Amazon.co.jp: 作って学ぶ　Next.js/React　Webサイト構築 eBook : エビスコム: 本を買ってみた。

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発と違って、固定レイアウトなので読みにくさは少ない。字は小さいけど。。

あとマーカーも使えないので、この辺りはTypeScriptと～のほうが使い勝手が良い。

まだ途中だけど、タイトル的にTypeScriptの話は出てこないかもしれない。 作って学ぶ～でNext.jsの理解をしてから、TypeScriptと～を読むという順番が良いかも。

Amazon.co.jp: TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発 eBook : 手島 拓也, 吉田 健人, 高林 佳稀: 本読んでいるのだけど、なんか読みづらい。

Kindleの文字サイズの問題かもしれないけど、コードの行が長くて途中で折り返されていることが多い。

そしてコメントもコードも同じ色なので、区別しにくい。

VTT編集するWebアプリ作ろうと思って、環境何にしようかというところで、Next.jsが簡単そう（イメージ）な気がしたので選んだ。

リポジトリ作って初期化したあと手が止まったので、Amazon.co.jp: TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発 eBook : 手島 拓也, 吉田 健人, 高林 佳稀: 本を買ってみた。出版が新しめだったのが理由。

reactでdotenv使うとき、起動モードごとに定義ファイルを変えられるように、.env.developmentにしていたので、同じようにやったら読み込まれない。

NextJSで使うときは、.envしか認識してくれないらしい。 環境ごとにファイル分けたい場合のやり方は、未調査。