Astro.js×Newt×vercelでブログを簡単にセットアップ

Astro.jsを用いてブログサイトの簡単にセットアップをします。
大体1hぐらいで可能です。

使用ツール

・Astro.js
・vercel
・Newt（ヘッドレスCMS）

vercelのセットアップ

プロジェクト作成

テンプレート選択

今回はAstro用にテンプレート選択

本サイトは以下を使用
https://astro.build/themes/details/astroship/

Newtの用意

ブログ投稿用に、ヘッドレスCMSを使用します。
MicroCMSなどいろいろ選択肢がありますが、今回はNewtというヘッドレスCMSを使います。

１，スペースを追加
２，Appを追加
３，テンプレートでblogを選択

APIでAstro.jsにブログ連携

参考
https://www.newt.so/docs/tutorials/get-contents-in-astro