HadiHz
Back to projects
PersonalHard

hadihz.me

This very website you are visiting right now, focusing purely on aesthetic, visuals, and performance, with a minimal JavaScript footprint, built with Astro 7, backed by Strapi 5!

— Overview

Architecture Overview

graph TB
    subgraph Frontend
        A[Astro 6] --> B[React 19]
        A --> C[Tailwind v4]
        A --> D[TypeScript]
    end
    subgraph Backend
        E[Strapi 5 CMS]
    end
    subgraph Infrastructure
        F[Vercel]
        G[AWS S3 + CloudFront CDN]
    end
    A <-->|REST API| E
    E --> G
    F --> A

A modern, multilingual portfolio site built with the Astro framework. The site features three languages (English, Arabic, French) with full RTL support, view transitions, and a minimal JavaScript footprint.

Tech Stack:

  • Frontend: Astro 6, React 19, Tailwind v4, TypeScript
  • CMS: Strapi 5 (headless CMS)
  • Infrastructure: Vercel (hosting), AWS S3 + CloudFront (media CDN)
  • Database: PostgreSQL

Key Features:

  • i18n with locale-prefixed routes (en, ar, fr, de)
  • RTL support for Arabic
  • View transitions with Astro's built-in support
  • Embla carousel for project galleries
  • Fully responsive design
  • Generated Strapi client with full type safety
— Stack
AstroStrapiDevOpsTurborepo
Live preview