Building My Portfolio with Astro and Tailwind CSS

When I decided to rebuild my portfolio, I wanted something simple, fast, and easy to maintain. After looking around, I chose Astro — a modern static site builder that lets you create fast websites using your favorite tools.

This blog is a quick overview of why I picked Astro, how I used it with Tailwind CSS, and what I learned along the way.

🌟 What is Astro?

Astro is a modern framework designed for content-focused websites like portfolios, blogs, or documentation sites.

Here’s what makes Astro interesting, especially for beginners:

Fast by default — Pages are rendered as static HTML with zero JavaScript unless you need it.
Content-friendly — You write pages and blog posts in Markdown or MDX, and Astro handles the rest.
Use any framework — Need React or Vue for one part? You can use them alongside plain HTML/JS.
Simple setup — No complex tooling needed. You can start small and scale later.

Astro feels like the right mix between simplicity and power.

🧱 What Content is Ideal for Astro?

Astro is best suited for:

Portfolios
Blogs or personal sites
Landing pages
Documentation sites
Marketing or company pages

Basically, if you don’t need a full backend or real-time features, Astro is a great choice.

🚀 Why I Chose Astro for My Portfolio

Here’s why I personally went with Astro:

I wanted a site that loads fast and is easy to deploy.
I wanted to learn something new, and Astro felt beginner-friendly.
It lets me write blog posts in Markdown and organize my content with type-safe collections.
It supports Tailwind CSS out of the box, which is my favorite way to style.

Pairing it with Tailwind CSS and a bit of TypeScript, I was able to create a clean, responsive, and easy-to-maintain site.

If you’re just starting with Astro, don’t be afraid to experiment. It’s very beginner-friendly and has great documentation. I’m enjoying the process so far, and I’m learning a lot while building something useful.

I have used AI to make my english better and to add some infos about Astro, this will not be the case for future blogs Insha Allah.