remark-gfmで生成された脚注セクション以下のlinkノードをremarkプラグイン内で見つける方法のメモです。

rehypeプラグイン「rehype-autolink-headings」を使って見出しにリンクを付与する際に詰まったポイントを共有です。

VS Code拡張機能「Front Matter CMS」の便利な設定やスニペットの使い方などを解説します。 スニペットについては、AstroのImageコンポーネント自動挿入用スニペットを例に解説しています。

Astroで使える有用なインテグレーションやプラグインを紹介します。remark/rehypeプラグインやAstroコンポーネント、その他ライブラリについて解説しています。

Tailwindのクラスをユーティリティクラスごとに自動的にグルーピング＆ソートしてくれるESLintプラグインが大変便利だったので共有です。

AstroコンポーネントはPropsで受け取ったりSlotで分岐したり色々とできて便利です。 Astro.slot.hasやComponentProps等の例も交えて実装パターンをメモしておきます。