I rewrote my hobby project to Astro and its JavaScript bundle size shrank 3x.

Angelika's platform  offers insights and resources on technology, entrepreneurship, and personal development. Through blog posts, interviews, and personal anecdotes, Angelika shares  insights and practical advice for individuals looking to pursue their passions and achieve their goals. Readers can learn about leadership, self-improvement, and career advancement strategies to navigate the complexities of the modern world effectively.

Angelika

In July 2024, a developer rewrote their project css-art.angelika.me from Vue 2 to Astro. The primary reasons were to learn Astro, update from outdated technologies, and choose a more suitable technology for a mostly static site. Key features such as prerendering pages, client-side redirects, a persistent color picker, and keyboard navigation were reimplemented in Astro. The outcome was a JS bundle size three times smaller and build times twice as fast. Astro proved to be highly effective for content-heavy websites with minimal client-side interactivity.

Rewriting a Vue app to Astro

<p>New language paradigm? No thanks. Vue is great as all JS. HTMLX, WebComponents or native - even Alpine.js is better to choose to learn to not get behind. Astro only uses some concept that is implemented in Nuxt as we speak. They don’t have and won’t add application capabilities or mixing with Wordpress. So your knowledge is stuck on Astro - that’s by design. It isn’t open as Vue try to mix with WebComponent capability</p>
