チーム開発に必須なESLintについての説明です。eslintrcのサンプルについて内容を解説しています。

ESLintの設定まとめ

sentry/nextjsでエラー検知を効率化するための方法をまとめています

Sentryの便利Tipsまとめ

ESLintの"no-restricted-imports"を設定することで、相対パスのimportを禁止する方法を解説。また、commit時にhuskyがチェックを行います。

Next.jsでrecoilを使用し、ダークモードを実装しました。端末のダークモード設定の対応。recoil-persistでの永続化も行いました。

Next.jsでPWAに対応するための手順と注意点

スクロールでヘッダーの表示・非表示を切り替えるhooksを実装しました。

ブログカードの生成って意外と大変。ブログカードの作成手順を解説します。

Ngrok導入についての解説。フロントエンド開発でローカルを共有する時や、素早くデプロイ無しで実機確認したい時に活躍しそう。

動的OGPを導入しましたので、その過程です。canvasとvercelとnodeのヴァージョン互換性に一癖ありました。

このmarkdownブログでの採用技術と実装予定を書いています。