Back to blog
Kanes Rakeshan

How I Discovered Astro and Build My First Portflio Website

This is the first post of my new Astro blog. It's about how I heard about Astro and some pros of Astro.

How I Heard About Astro

Introduction

It all started with a casual conversation with a friend. He had a blog, and I was curious about how much effort it took to build one from scratch. I assumed it would be complicated, requiring extensive coding and setup. However, he mentioned that using frameworks simplifies the process. That’s when he brought up Astro.

My First Impression of Astro

My friend explained that he had coded his blog from scratch but casually mentioned Astro as an alternative. Intrigued, I decided to explore it.

A quick search led me to a 1.5-hour YouTube tutorial, which I immediately downloaded and watched. The way Astro simplifies development caught my attention. I then visited Astro’s website, looked for a well-structured template, and started modifying it to see how it worked.

Building with Astro

At the time, I had only recently started learning JavaScript, but I hadn’t applied it to any real-world project. When I decided to build my portfolio, Astro gave me a reason to use JavaScript meaningfully.

The initial phase was challenging due to my limited JS knowledge, but as I built my site, I gradually learned how to apply JavaScript in practical scenarios. The YouTube tutorial I watched and the Astro documentation were incredibly useful in guiding me through the process.

Why Astro is Great (Pros)

  • Performance – Astro is designed for speed with optimized static rendering.
  • Minimal JavaScript – Ships less JS by default, making sites lightweight and fast.
  • Component Flexibility – Supports React, Vue, Svelte, and more in a single project.
  • Ease of Use – Simple templating and file-based routing make development smooth.
  • Great for Content-Driven Sites – Ideal for blogs, portfolios, and marketing pages.

If You Haven’t Tried Astro Yet…

If you’re a developer and haven’t tried Astro yet, you’re missing out on an efficient, fun, and developer-friendly way to build websites.

Whether you’re new to web development or experienced, Astro can change how you build.

Interested? Let me know, and I’ll share the YouTube link that helped me get started! 🚀

Continue reading