WordPressをやめて、AstroとCloudflareでサイトをリニューアルしました。
このサイトは、もともとWordPressのオリジナルテーマで作ったポートフォリオサイトでした。今回それをやめて、Astroで作り直しました。この記事はそのリニューアル後の1本目です。
なぜWordPressをやめたのか
理由はシンプルで、運用のシンプル化と爆速化です。
- 本体・プラグインの脆弱性対応に追われる
- サーバーやDBの管理が必要
- サイトの表示速度を上げるにも限界がある
- そもそもWordPressである必要がない
個人のサイトに管理画面もDBも必要ないと気づき、静的サイトに全振りすることにしました。 当初はNext.jsも検討していたのですが、軽量さと手軽さからAstroにしました。
新しい構成
- フレームワーク: Astro
- CSS: Tailwind CSS
- ホスティング: Cloudflare
- コンテンツ管理: Markdown（Gitで管理）
AstroAstroはデフォルトでJavaScriptをほぼ配信しないフレームワークです。このサイトで動いているJSは、ダークモード切替の数行だけに厳選しました。 あとはビルド時に生成された静的なHTMLとCSSだけで動いているので表示速度が爆速です。
あとは記事の管理の作成・管理をマークダウンでしたかったというのも大きいです。 CMSを別で用意することなく、VS Codeで記事を書いて、mainにマージされれば自動的に配信されるという快適さも得ることができました。
また、ホスティングにCloudflare Pagesを選んだのは、世界中のエッジサーバーから高速に配信でき、Githubと連携したCI/CDまで無料で完結するためです。 今の構成でかかってくるコストはドメイン代だけになりました。
シンプルにプロダクトとしてCloudflareが好きだからというのもあります。
こだわったところ
とにかく速く
- Webフォントを使わず、OS標準フォントで表示
- 画像はビルド時に最適化
- 静的ファイルをCloudflareのエッジから配信
これからのこと
このブログでは、技術のこと・作ったもの・気になっていること・日々の活動について書いていく予定です。よろしくお願いします。