タグ

MDXに関するnaoto408のブックマーク (1)

  • Next.js公式のMDXプラグインで、Markdownでページを作る機能を試してみた | フューチャー技術ブログ

    お客様と一緒にNext.jsのドキュメントの輪読会をやっているのですが、その中で初めて知った機能がMDXというマークダウンでページを作成する機能です。 https://nextjs.org/docs/advanced-features/using-mdx 利用規約とか、プライバシーポリシーのページ、ヘルプページの作成とか、Reactコンポーネントも表示できるので、Storybookがわりのコンポーネントカタログを作るのに便利そうという話になったので、ちょっと試してみました。 設定方法上記のページに全部書いてあるのでそちらを見ると良いのですが、軽く手順だけ書いておきます。説明をするため、というよりも「これだけの手間ならやってもいいかな」と興味をもってもらうための説明なので実際に作業をする場合は公式ドキュメントの最新情報を確認してください。 まずは必要なパッケージを追加し、 /** @type

  • 1