Category > Astro
-
このサイトの画像フォーマットの最適化とDynamic Import
本ポストでは、パフォーマンス改善として実施した内容を記載します。特に、Astroの提供機能で実現することができる画像フォーマットの最適化と、Dynamic Importの機能を説明します。
AstroOptimize ImageImage FormatDynamic ImportWeb PerformanceFrontend -
Astro上でReactによるインタラクティブなコンポーネント：Link Cardを呼び出す
本ポストでは、対象URLのOGP(Open Graph Protocol)情報を取得して、その情報からCardコンポーネントを作成する方法を記載します。また、このコンポーネントはReactのHooksを使用していますが、このようなインタラクティブなコンポーネントをAstroで呼び出す方法も合わせてご紹介します。
AstroReactReact HooksOpen Graph ProtocolFrontend