プログラミング ReactMarkdownでLinkや見出しにスタイルや要素を適用する方法。(独自コンポーネント) はじめに環境 react-markdown: 9.0.1ReactMarkdownでLinkや見出しにスタイルを適用する以下のように、componentsに構造を定義することで、独自な要素のスタイルなどを適用できます。import Reac... 2024.03.16 プログラミング
プログラミング Next.js AppRouterの動的ページでmdxを表示させる方法(SSG) はじめにインストールまでの手順プロジェクト内で使えるように、インストールまでの手順は以下をご参照ください。動的ページに直で記すとエラーが発生TypeError: createContext only works in Client Comp... 2024.01.29 プログラミング
プログラミング Next.jsでmdxを使ってみた。@next/mdxのインストールから表示までの手順。 はじめにマークダウンのライブラリの選択肢は、今回紹介するNext/MDXの他にもあります。Reactで、react-markdownを使用したことがありますが、個人的には好みではなく、完全なマークダウンではなく、何かしら変数を組み合わせられ... 2024.01.29 プログラミング