`next-remote-mdx`を使ってMDX/htmlをRSCとしてレンダーできるようにする

https://github.com/hashicorp/next-mdx-remote#react-server-components-rsc--nextjs-app-directory-support

以下のようなMicroCMS由来のHTMLを独自のコンポーネントマップを使ってレンダーしたい対応したいタグは今のところ: https://mdxjs.com/table-of-components/

<h2 id=\"hdb41525ba7\">ブログテンプレートから作成されました🎉</h2>
<p>ブログテンプレートからAPIを作成しました。<br>おつかれさまでした🎉<br></p>
<h2 id=\"hf45076424a\">APIプレビューを試そう🚀</h2>
<p>最初に「APIプレビュー」をしてみましょう。<br>入稿したコンテンツはAPI経由で取得し、Viewに繋ぎ込みます。<br>APIプレビューでは実際のAPIレスポンスを確認でき、あなたの開発を加速させます。<br><br>👇まずはここをクリックします。<br><img src=\"https://images.microcms-assets.io/assets/d75b4ca57e1d45c5a21a9a8baf25d56a/8641c68f126a47de9d7b5c47c7ff0608/blog-template-description1.png\" alt=\"\" width=\"1058\" height=\"525\"><br><br>APIプレビュー画面が開いたら、<strong>「取得」</strong>ボタンでリクエストを試してみましょう。<br><img src=\"https://images.microcms-assets.io/assets/d75b4ca57e1d45c5a21a9a8baf25d56a/482a4964b25d49108fbbe34cd2452887/blog-template-description2.png\" alt=\"\" width=\"1254\" height=\"743\"><br><br>この記事の内容がAPIで取得できていることがわかります。<br><img src=\"https://images.microcms-assets.io/assets/d75b4ca57e1d45c5a21a9a8baf25d56a/19f45b48768444e4b1acc0288e5b3e74/blog-template-description3.png\" alt=\"\" width=\"761\" height=\"510\"></p>
<h2 id=\"h88398f2fb7\"><br>次にやること🏃</h2>
<p>APIプレビューで確認したレスポンスを参考に、あなた自身のWebサイトを構築しましょう。<br>microCMSはAPIでコンテンツを取得するため、お好きな言語・フレームワークで画面を構築できます。<br></p>
<ul>
   <li><a href=\"https://document.microcms.io/tutorial/javascript/javascript-top\" target=\"_blank\" rel=\"noopener noreferrer\">JavaScript SDK</a></li>
   <li><a href=\"https://document.microcms.io/tutorial/nuxt/nuxt-top\" target=\"_blank\" rel=\"noopener noreferrer\">Nuxt SDK</a></li>
   <li><a href=\"https://document.microcms.io/tutorial/gatsby/gatsby-top\" target=\"_blank\" rel=\"noopener noreferrer\">Gatsby SDK</a></li>
</ul>
<p><br>その他に<a href=\"https://microcms.io/features/sdk\" target=\"_blank\" rel=\"noopener noreferrer\">サーバーサイドSDK（PHP / Go / Ruby）やモバイルSDK（iOS / Android）</a>もございます。<br><br>お困りなことや疑問点などございましたらお気軽にご連絡ください。<br><br>サポート窓口：<a href=\"mailto:support@microcms.io\" target=\"_blank\" rel=\"noopener noreferrer\">support@microcms.io</a><br>よくある質問：<a href=\"https://help.microcms.io/ja/knowledge\" target=\"_blank\" rel=\"noopener noreferrer\">https://help.microcms.io/ja/knowledge</a></p>

astronomy-club-at-nitic / nitic-astronomy

`next-remote-mdx`を使ってMDX/htmlをRSCとしてレンダーできるようにする #128

Related Issues

138

139

140