エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Next.js ブログでマークダウンの記事にツイートの埋め込む
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Next.js ブログでマークダウンの記事にツイートの埋め込む
最近、Next.js で書いているこのブログにツイートの埋め込みを実装したのでそのやり方などを残しておき... 最近、Next.js で書いているこのブログにツイートの埋め込みを実装したのでそのやり方などを残しておきます。以下のようにツイートを埋め込んでいて、ツイート読み込みが完了するまで時差があるので sekeleton を表示させています。 前提・環境記事は /contents/posts/<slug>/index.md で Markdown 記法で書かれていて、記事を HTML としてレンダリングするために react-markdown を使用しています。 next: ^10.0.0react: 17.0.1react-dom: 17.0.1react-markdown: ^5.0.3react-twitter-embed: ^3.0.3react-loading-skeleton: ^2.1.1やり方としては 2 通りが考えつきました。 mdx を使って、import { Twitter