このブログについて

このブログは、Next.js × TypeScript × MDXで作りました。

ベースは、Next.js の公式チュートリアルです。

TypeScript | Learn Next.js
https://nextjs.org/learn/excel/typescript

ただ、公式チュートリアルでは、コードのシンタックスハイライトが効かないため、MDXを導入しました。

以下の記事を参考にしました。

Next.js + MDXでブログを作った
https://titanicrising.jp/blog/nextjs-mdx

これにより、

const a = 5

のようにシンタックスハイライトが効くようになりました。 なおシンタックスハイライトのテーマはエディタのVSCodeと同じテーマを使用しています。