Works -実績詳細

ポートフォリオサイト

自身の制作実績やスキルを紹介するためのポートフォリオサイトです。

訪問した方が制作実績や提供サービスをスムーズに確認できるよう、シンプルで分かりやすい構成を意識しています。また、各ページで共通するパーツをコンポーネント化し、コードの再利用性や保守性を高めることを意識して制作しました。

技術構成

  • フロントエンド:Astro
  • CMS:microCMS
  • フォーム:SSGform / Cloudflare Turnstile
  • ホスティング:Cloudflare Pages
  • バージョン管理:Git / GitHub

制作実績はmicroCMSから管理でき、サイトのコードを直接編集することなく、実績の追加や更新が行える仕組みにしています。また、Astroの動的ルーティングを活用し、microCMSに登録したデータから実績詳細ページを自動生成できるようにしました。ヘッダーや実績カードなどの共通パーツをコンポーネント化することで、ページ間のデザインの統一とメンテナンスのしやすさを両立しています。

実績一覧へ戻る

Contact -お問い合わせ

Contact