ポートフォリオサイトを全面的にリニューアルしましたので、共有させていただきます。
リニューアルの背景
ポートフォリオにブログ機能などの実装を検討していた際、「WordPressではつまらない！」と感じ、新しい技術への挑戦としてAstro × microCMS × XServer Staticの組み合わせを採用しました。
採用したもの
Astro
- ビルド時の高速なパフォーマンス
- マルチフレームワーク対応
- Markdownのサポート
- 必要最小限のJavaScriptの出力
microCMS
- 日本語ドキュメントが充実
- 直感的な管理画面
- APIの使いやすさ
- 無料プランで十分な機能
XServer Static
- 静的コンテンツに特化したクラウドホスティング
- 高速かつ安全性に優れたサーバー環境
- 無料で使える
参考にさせていただいた教材やサイト
今後の展望
内部SEO対策
- メタデータの最適化
- サイトマップの作成
- パフォーマンス改善
Vite環境の改善
- Sassの導入とモジュール化
- JavaScriptのコード分割