Tech
Next.js
【Next.js】MDX のコードブロックにシンタックスハイライトを適用する方法(コピー機能付き)
Next.jsでMDXのコードブロックにシンタックスハイライトを適用する方法を解説。rehype-pretty-codeを使った実装手順から、コピー機能付きコードブロックの作成まで詳しく紹介。tailwindcss/typography、remark-gfmなどの必要なプラグインの設定方法も含めて、技術ブログでよく見るきれいなコードブロックを実現する方法をまとめています。
2025年9月21日