第4回 OGP画像を自動生成する仕組み：後編
OGP画像の生成に必要なデータをAstroの機能を活用して取得する方法と、OGP画像生成の工夫について解説します。画像生成は、ビルドのパフォーマンスを重視し、必要な処理に応じた複数のライブラリを組み合わせる構成になります。
第3回 OGP画像を自動生成する仕組み：前編
ピクセルグリッドの会社サイトでは、Astroの機能を組み合わせた独自の仕組みを構築することで、ページごとに異なるOGP画像の自動生成を実現しています。今回はその方法について解説します。
第2回 コンテンツの構造化とコンポーネント
今回のリニューアルではMDXファイルで各ページを管理しています。各MDXファイルのコンポーネントやデータの置き方がどのようになっているのかを解説します。
第1回 データ・コンテンツ・レイアウトの分離
2023年に行ったピクセルグリッドの会社サイトリニューアルでは、データの再利用性や、コンテンツ編集者にとっての可読性を大切に、内部のコード構造も大幅リニューアルしています。まずはどのような意図でデータ設計を行ったのかを紹介します。