Beginner Tech Blog

某CDNのサイズ最適化が高コストだったので引っ越し先として検討。 ストレージごと引っ越しかなと思ったけど公開ディレクトリであればそこをオリジン扱いできるようなので、引っ越し作業なく導入できる...

デバイスに合わせて、画像のサイズやフォーマットを最適化し、ファイルサイズを削減が見込めるので、画像のロード時間を短くしてくれるので、とても便利。 https://nextjs.org/doc...

/app 内のディレクトリ名で大文字を利用していてページ表示させるのが問題なかったので、そのまま/app/api ディレクトリで開発のAPIも同じ認識でいたが、どうもapi は小文字のみの模...

色々環境にもよりそうなんだけど、Next.js v15 app router での実装結果。 * viewport をmetaタグでhtmlに直書きすると、デフォルトで出力されるmetaタグ...

リリース前のため、本番環境に取り急ぎのBASIC認証。 使い捨てのためID/PW直書き（よくない） 実際に正式に何かで利用する場合は.envに書き直す。 ``` import { NextR...

縦方向の要素間にボーダーを追加。親要素 ul とかに指定すると小要素の li に適用される。 親に指定すればいいのでtailwindの毎回同じクラスネーム書くウザい問題を解決してるのかなと思...

next-pwa かなーとか思ってたけど、今のv15だとすでに標準搭載しているぽい。 https://nextjs.org/docs/app/building-your-ap...

知見がなくSWRを導入しようとしたが、デバッグがしづらく、ReactQueryに切り替えた。 scaleTime と gcTime（ガベージコレクション）の意味をやっと理解できた...かも....

特殊なinputなのでちょっとカスタマイズしづらい。 ただ、以下のように書くとこのサービスのカラー設定のような正円が実現する...

以下の通り、app/トップディレクトリに配置すると、Next.jsが自動的にhead要素に追加してくれるとのこと。 ``` Image files (.ico, .jpg, .png) Us...