skip to content
barorin&?

ブログをNext.jsからAstroにリファクタリングしました

/ 3 min read

はじめに

これまで1年間Next.jsで作ったブログを運営していましたが、この大晦日にAstroに乗り換えてみました。

きっかけはNext.jsのアップデートが激しく、フォローしていくのが大変ということと、ただのブログを運営するには少しリッチすぎるという 思いからでした。

乗り換え先としては、同じReactベースのRemixもいいかなと思ったのですが、ブログテーマが充実していたAstroにしました。

技術スタック

トップページにも書きましたが、Astro移行後で使っている主な技術スタックです。
前のブログでも記事の作成はMDXでやっていましたので、Front Matterの若干の修正は必要だったものの、基本的には前ブログを踏襲しています。
大きく変えたところといえば、Slugでしょうか。以前は日付のURLにしていたのですが、これを機に記事内容を表す英語に変えてみました。
変更にあたってはChatGPTを使ったので、その話もまた別の記事で書きたいと思います。

項目サービス
コード管理Github
開発環境Ubuntu22.04 + Docker(Alpine)
ホスティングVercel
フロントエンドAstro
デザインastro-theme-cactus

おわりに

実際に移行しみて、Astroの使いやすさに驚きました。Reactを触っていた人であれば、すぐに慣れると思います。
フォルダ構成も今までよりシンプルになったので、今までよりも運用が楽になりそうです!
日本語のドキュメントも用意されていますので、興味がある方は触ってみてはいかがでしょうか?