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!