使用技術:
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倍に向上
- 運用コストを月額ゼロに削減
- セキュリティリスクの大幅な低減