Haoran

Personal Portfolio & Blog

This very site – a Bento Grid portfolio built with Astro, React, Tailwind CSS, deployed to Cloudflare Pages.

Astro
TypeScript
Tailwind CSS
Cloudflare
Sun Mar 01 2026 00:00:00 GMT+0000 (Coordinated Universal Time)

Personal Portfolio & Blog

A personal website and blog built with modern web technologies.

Tech Stack

  • Astro 4 – Static site generator with Islands Architecture
  • React – Interactive components
  • Tailwind CSS + Shadcn UI – Styling and component library
  • MDX – Blog posts with rich content
  • Cloudflare Pages – Hosting and CDN

Features

  • Bento Grid layout
  • Scroll-triggered animations
  • Responsive design (mobile-first)
  • Blog with Markdown/MDX support
  • SEO optimized