Building a Portfolio with Astro and Tailwind

astro
tailwind
typescript

Introduction

In this post, we’ll explore how to build a high-performance portfolio website using Astro and Tailwind CSS.

Why Astro?

Astro is a web framework designed for speed. It ships zero JavaScript to the client by default, making it perfect for content-focused sites like portfolios and blogs.

// Example of an Astro component
interface Props {
  title: string;
}

const { title } = Astro.props;

Styling with Tailwind

Tailwind CSS allows us to build modern designs rapidly.

This is a React component rendered inside MDX with Tailwind classes!