ポートフォリオサイトをリニューアルしました（Astro + microCMSに初挑戦！）

ポートフォリオサイトを全面的にリニューアルしましたので、共有させていただきます。

リニューアルの背景

ポートフォリオにブログ機能などの実装を検討していた際、「WordPressではつまらない！」と感じ、新しい技術への挑戦としてAstro × microCMS × XServer Staticの組み合わせを採用しました。

採用したもの

Astro

• ビルド時の高速なパフォーマンス
• マルチフレームワーク対応
• Markdownのサポート
• 必要最小限のJavaScriptの出力

microCMS

• 日本語ドキュメントが充実
• 直感的な管理画面
• APIの使いやすさ
• 無料プランで十分な機能

XServer Static

• 静的コンテンツに特化したクラウドホスティング
• 高速かつ安全性に優れたサーバー環境
• 無料で使える

参考にさせていただいた教材やサイト

• Astro公式ドキュメント
• microCMS公式ドキュメント
• ちゃんと学ぶ、Astro（たにぐちまことさん）

今後の展望

内部SEO対策

• メタデータの最適化
• サイトマップの作成
• パフォーマンス改善

Vite環境の改善

• Sassの導入とモジュール化
• JavaScriptのコード分割