Hello, world

このブログは Next.js App Router と @next/mdx で作られています。 記事は .mdx ファイルとして Git で管理し、frontmatter パーサは使わず export const metadata でメタ情報を持っています。

コードブロック

rehype-pretty-code（Shiki）でビルド時にハイライトされます。

function greet(name: string): string {
  return `Hello, ${name}!`;
}
 
console.log(greet("torihazi"));

動くものを埋め込む

MDX の中に React コンポーネントをそのまま置けます。下のカウンタは実際に動きます:

ライブデモ用のコンポーネントは components/mdx/ に置き、各記事の冒頭で import すれば使えます。