Next.jsの記事一覧

工嶺祭2023HP制作の裏側

🎆
Posted at
Tags

私は今年の工嶺祭のHP制作を担当しました。ここでは制作にあたっての技術スタックや運用、工夫した点などを紹介します。 なお、この記事は私が自主的に書いたものであり、工嶺祭実行委員会や長野高専とは一切関係ございません。 本記事の内容に関して学校などに直接問い合わせることはご遠慮ください。また、この記事…

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

🔐
Posted at
Tags

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

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

🧐
Posted at
Tags

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

blog.s2n.tech v2 のリリース

📝
Posted at
Tags

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