エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
いまの話題をアプリでチェック!
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.jsでCMSにMDX形式で登録したコンテンツを利用する ―next-mdx-remoteの使い方― - あなたとあなたの話がしたい
Jamstackな構成では、CMSにどのような形式でコンテンツを登録するかが関心になって来るかと思う。 Markd...表示
Jamstackな構成では、CMSにどのような形式でコンテンツを登録するかが関心になって来るかと思う。 Markdownを採用する場合は、remark-reactやremark-htmlを使ってMarkdownをHTMLに変換できる。 ただ、実際にはMarkdownだと機能的に足りない部分が出て来そうで、MDXという、MarkdownにJSX︵Reactコンポーネント︶を埋め込める形式を利用すると捗る。 しかしこのMDX、CMSのような外部コンテンツとして登録する場合はどう使えば良いんだ?と思ったら、Next.jsの場合、next-mdx-remoteという便利なライブラリがあった。 next-mdx-remoteの使い方 例として、Next.jsのImageコンポーネントを利用してみる。 # プロフィール画像 <Image src="/images/profile.jpg" width=
2021/01/18 リンク