I‘ve been looking forward quite a lot to this post because it marks the transition to my new website design. Alongside the visual update, there are also a couple of significant under the hood improvements that I find worthy to talk about. In particular, the switch to AstroJS as my static site generation framework and improvements to my dev tooling and workflow. I quite enjoy the changes, so if you're looking to start a blog or any kind of content-driven website in 2025 this post may contain some pointers for you.
I'm currently migrating my website from Jekyll to AstroJS and the experience has been really positive so far.
AstroJS, in particular, offers quite a lot of flexibility for writing content in Markdown format. For example, by supporting JSX components (via the MDX extension) and, for more general purposes, by supporting Remark and Rehype plugins.
This post gives a short introduction on how to extend Astro's Markdown processing with Remark and Rehype plugins. You will also find a practical example of how to add Mermaid diagram processing with a Rehype plugin.