AstroとmicroCMSで、シンプルな個人ブログを開設

このサイトは、AstroとmicroCMSを使用して作った個人ブログです。

ブログの構造

    "astro": "^3.1.2",
    "microcms-js-sdk": "^2.6.1",
    "preact": "^10.17.1",
    "tailwindcss": "^3.3.3"

たまたま、Astro v3が出たタイミングでのブログ開設となりましたが、v2で作ったときとさほど変わらず構築することができました。
さくっと作りたかったので、Tailwindを採用、また、Tailwind Typographyを今回初めて採用してみました。簡単にブログの記事のCSS肉付けができたので、構築のほうに専念できました。

他連携ツール

またGithubと連携して、Vercelでデプロイできるようにしています。
microCMSで記事が新しく追加されたときにも、自動でVercelでアップロードできるように、Web hookの設定しています。

公式チュートリアルをよく読めば、わかるのかもしれませんが、個人的にこれらの環境設定にてこずった所や、参考にした動画などご紹介できたらなと思っています。