Gatsby製のマークダウンブログをmdxに置き換えた
タイトルの通りなんですが、このブログのマークダウン展開を gatsby-transformer-remark から gatsby-plugin-mdx に置き換えたので、簡単に流れを共有します なんで置き換えたの? まず、Mdx を使うことで記事ファイル中に React のコンポーネントを埋め込めます import { TagList } from "@components/molecules/tag-list.tsx"; <TagList tags={[`Gatsby`, `ブログ`]} isLink /> import { TagList } from “@mdx-components/tag-list” <TagList tags={[Gatsby, ブログ]} isLink /> こんな感じです あとは、マークダウン関連のカスタマイズをプラグインから剥がしたかったのが大きいです 例
Gatsby・Wordpress・Netlifyで開発したときの躓きと解決方法 - カミナシ エンジニアブログ
こんにちは、株式会社カミナシのエンジニア @tomiです。 前回、「サービスサイトをGatsby×Wordpress×NetlifyでJamstackなサイトにリニューアル」という記事を書き、たくさんの反響をいただきました。ありがとうございます。 kaminashi-developer.hatenablog.jp 今回は、Gatsby・Wordpress・Netlifyで開発したときの躓きについての話で、似た構成で開発される方の役に立つと思います。 逆に、違う構成の場合は、全くためにならない内容となっていますので、ご容赦を。 開発していて躓いたところ Docker上でWordpressからGraphQLでの記事の取得がエラーになる WordpressをGraphQLで読み込む際プラグインのバグがある Gutenbergのブロック作成に手こずった GutenbergブロックのTypeScri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gatsby.js - 記事一覧と記事ページを作成する（Markdown） | kakioku