本記事はCloudflareのカレンダー 16日目の記事です Gatsby製のブログをNetlifyからCloudflarePagesに移行したが考慮不足でしばらく気付かず問題があったのでメモ 直前のデプロイ時から、特定ディレクトリ以下に差分があるかチェックし、処理を分ける 前提 Ga…

Gatsbyで作っているブログサイトで、Tagの数が多くなってきたのでTagをまとめたカテゴリ単位の表示をさせたい JSONファイルに適当なマッピングを持たせてそれを参照させたいというようなケースが発生したのでやってみた 普通にJSONを読み込んでも良いが、せ…

Gatsby製のブログで、コードハイライトにはプラグインとしてgatsby-remark-prismjsを使っている 特に設定などせず使っていたが、調べたら行番号指定でのハイライトや、シェル表示など色々なものがあるようだったのでローカルで試していた しかし、prism-coy…

Gatsbyで作っているブログで今までずっとDevTools上に下記のようなエラーが出ていた 内容的にはhydrationエラーだよというもの react-dom.production.min.js:131 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.…

Gatsby + Cloudflare Pagesで作っているブログサイトの話 Renovateで自動的にバージョンを上げているが5.11 -> 5.12へのPRでCloudflareのビルドが失敗するようになっていた 失敗時のログ |02:55:49.076|NestedError: Cannot copy from `.cache/api-runner-br…

PixelaのグラフをGatsby(React)で表示させたい 素直にsvgをobjectタグで読み込むだけだとツールチップが表示されないのでせっかくなら表示させたい （※前提の参考リンクをよく読めばiframeで良くないか?という話になるが、今回はmswを使って開発しているとき…