Next.jsのエラー対応
ログイン状態によってヘッダーの表示を変えたくて、何も考えずにクッキーの有無でif書いてたらエラーになった。 【Next.js】Warningが発生する誤ったCookieの使用例と改善方法 | Enjoy IT Life このページを参考に解決。 Nextの言いたいこともわかるけど、いい感じにやってくれたらいいのに、とも思う。
POSTS
ログイン状態によってヘッダーの表示を変えたくて、何も考えずにクッキーの有無でif書いてたらエラーになった。 【Next.js】Warningが発生する誤ったCookieの使用例と改善方法 | Enjoy IT Life このページを参考に解決。 Nextの言いたいこともわかるけど、いい感じにやってくれたらいいのに、とも思う。
途中から写経するのあきらめて流し読みした。 長くて(フォント的に)読みにくいコードを見るのがつらすぎたので。。 CSSの書き方は、こっちのスタイルではなくてファイル分けるほうが自分には合っていそう。 テストの書き方など、あとで見返すと参考になりそうなことはたくさんあった。 Kindle版のフォントは何とかな Read more
読むの再開した。 作って学ぶ~の方とはCSSの定義の仕方が違ってstyled-componentsを使っているし、モジュールのディレクトリ構成も違う。 Storybookも導入しているし、Linterも設定している。 読んだところまでで1か所だけソースが画像になっているところがあって、全部これでいいのに・ Read more
後半のCMS連携以降は読むだけで手は動かさずに読み終えた。 データ用意するのも面倒だしね・・ とりあえず、Next.jsの基本は完全に理解した。 しかしCSSがまったく理解できていない。 また別の本読むか・・
Amazon.co.jp: 作って学ぶ Next.js/React Webサイト構築 eBook : エビスコム: 本を半分くらいまで進んだ。 時折、初出の単語が説明なしに出てきて止まるが(後で説明があるならそうと書いておいてほしい)おおむね順調。 フロント寄りの内容で、Imageやmetaタグの説明が結構長く書かれていたりする。 この辺は雰囲気で理解していた部分なので、学 Read more
Amazon.co.jp: 作って学ぶ Next.js/React Webサイト構築 eBook : エビスコム: 本を買ってみた。 TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発と違って、固定レイアウトなので読みにくさは少ない。字は小さいけど。。 あとマーカーも使えないので、この辺りはTypeScriptと~のほうが使い勝手が良い Read more
VTT編集するWebアプリ作ろうと思って、環境何にしようかというところで、Next.jsが簡単そう(イメージ)な気がしたので選んだ。 リポジトリ作って初期化したあと手が止まったので、Amazon.co.jp: TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発 eBook : 手島 Read more
reactでdotenv使うとき、起動モードごとに定義ファイルを変えられるように、.env.developmentにしていたので、同じようにやったら読み込まれない。 NextJSで使うときは、.envしか認識してくれないらしい。 環境ごとにファイル分けたい場合のやり方は、未調査。