Next.jsの記事一覧

Next.js App Dir で CSP を設定する

🔐

最近このブログに CSP を設定しました。 Next.js ではインラインスクリプトが使われているので Nonce の設定が必要なのですが、 App Dir での Nonce 設定方法が公式ドキュメントに書かれていなかったので、ここにやり方をまとめておきます。ちなみに App Dir を使用してい…

KaTeX と React Syntax Highlighter を React Server Component に対応させる

🧐

このブログは Next.js 13 で新しく追加された App Dir + React Server Component(RSC)を使って実装しています. RSC はクライアントサイドのバンドルサイズを非常に小さくすることができますが,RSC では useState などの副作用や Provide…

blog.s2n.tech v2 のリリース

📝

このブログは元々 2021 年末に唐突に自作のブログが作りたくなって急遽作ったものだったのですが, 急ごしらえで作ったせいか,色々と機能不足だったり,問題があったりと不満点がたくさんありました.そこで今回自作ブログを大幅にリニューアルし,機能の追加,問題の解決を行いました.v1 時代のブログシステ…