使用技術: AstroTypeScriptPythonCloudflare Pages

プロジェクト概要

WordPressで運用していた技術ブログをAstro(静的サイトジェネレーター)に移行しました。

背景・課題

  • WordPressのパフォーマンスに課題があった
  • セキュリティ対策のメンテナンスコストが高かった
  • レンタルサーバーの運用コストを削減したかった

実施内容

1. コンテンツ移行

  • WordPressエクスポートXMLからMarkdownへの変換ツールを開発
  • 画像のWebP変換による最適化
  • URLリダイレクト設定

2. サイト構築

  • Astro 5.x + TypeScriptで構築
  • AdminLTE 4 + Bootstrap 5によるデザイン
  • コンテンツコレクションによる記事管理

3. デプロイ

  • Cloudflare Pagesでのホスティング
  • GitHub連携による自動デプロイ
  • カスタムドメイン設定

成果

  • ページ読み込み速度が約3倍に向上
  • 運用コストを月額ゼロに削減
  • セキュリティリスクの大幅な低減