⭐ Featured Project Astro React Tailwind CSS TypeScript Cloudflare

Phuong's Portfolio Website

A modern portfolio website built with Astro, React, and Tailwind CSS, deployed on Cloudflare Pages

Published on August 30, 2024

Phuong’s Portfolio Website

This is my personal portfolio website, built with modern web technologies to showcase my projects and blog posts.

Features

  • ⚑ Fast static site generation with Astro
  • 🎨 Responsive design with Tailwind CSS
  • βš›οΈ Interactive components with React
  • πŸ“ Markdown-based content management
  • πŸš€ Deployed on Cloudflare Pages
  • 🎯 SEO optimized

Technologies Used

  • Framework: Astro 4.x
  • Styling: Tailwind CSS 4.x
  • Components: React 19
  • Language: TypeScript
  • Deployment: Cloudflare Pages
  • Package Manager: Bun

Development Process

Building this portfolio was an excellent opportunity to explore the latest web technologies and create a fast, modern website that effectively showcases my work.

The site architecture focuses on:

  • Static generation for optimal performance
  • Clean, maintainable code structure
  • Responsive design principles
  • Accessibility best practices

Results

The final website achieves excellent performance scores and provides a smooth user experience across all devices.