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