๐๐๐ถ๐น๐ฑ ๐ ๐๐น๐ผ๐ด ๐ช๐ถ๐๐ต ๐๐๐๐ฟ๐ผ, ๐ ๐ถ๐ฐ๐ฟ๐ผ๐๐ ๐ฆ ๐๐ป๐ฑ ๐ฉ๐ฒ๐ฟ๐ฐ๐ฒ๐น
You want a fast blog. You need a simple way to manage content. Astro, microCMS, and Vercel solve this.
Astro sends less JavaScript to the browser. It renders HTML on the server. This makes your site load fast.
microCMS is a headless CMS. You manage posts in a dashboard. Your team edits content without touching code.
Here is how you build it:
- Start an Astro project with npm.
- Create a service in microCMS.
- Link them using an API key in a .env file.
- Use Astro Content Collections to fetch data.
- Build a list page for your posts.
- Create dynamic pages for post details.
- Push your code to GitHub.
- Connect GitHub to Vercel.
- Add a Webhook to trigger builds on updates.
You now have a Jamstack site. It is fast. It is easy to maintain.
Source: https://dev.to/shibe97/build-a-blog-with-astro-microcms-and-vercel-4ogb