My First Blog Post

Welcome to my new blog! This is my first post as I migrate from Zola to a more flexible setup in Astro. More an example than a legit blog post - I need to set up the post ‘tags’ and fiddle with the formatting.

What I’ve Done

After working with Zola for a while, I decided to migrate to Astro for several reasons:

  1. Better Component Model: Astro’s component-based architecture is more flexible
  2. Modern Tooling: Great TypeScript support and modern development experience
  3. Image Optimization: Built-in image optimization
  4. Partial Hydration: Only load JavaScript where needed

My Experience So Far

Setting up this site has been interesting. I’ve:

  • Migrated my content structure from Zola’s TOML frontmatter to Astro’s YAML
  • Adapted a theme to work with Astro
  • Set up Content Collections for better type safety
  • Implemented a dark mode toggle (try it out!)
  • Tried to keep the design as modular as possible for the sake of future developments and additonal content

What’s Next?

Now that the foundation is in place, here’s what I’m planning:

  • Finish migrating all content from the old site
  • Add more blog posts about my projects
  • Implement a projects showcase page
  • Maybe add some interactive demos

The hassle of migration is definitely worth it for the improved developer experience and the possibilities Astro opens up.

Code Example

Since this is a tech blog, here’s a quick code snippet showing Astro’s component syntax:

---
const { title } = Astro.props;
---

<article>
  <h1>{title}</h1>
  <slot />
</article>

Pretty clean, right? The ability to mix frontmatter logic with component markup makes building sites much more intuitive.

Thanks for reading! More posts coming soon.