HE
Project · 2026

This Blog — avilevi.co.il

A personal blog built on Astro 5 with a CMS, full RTL support, animations, and a Vercel deployment — developed in collaboration with Claude Code.

Year 2026
Code →
A minimalist glowing terminal window with green lines of code and geometric content blocks on a dark background

Problem

I wanted a personal site that combines a blog, projects, and services — and feels like a real product, not a template.

Approach

Built with Astro 5 (SSG + Vercel adapter), Keystatic as a GitHub-based CMS, and a design grounded in the token system I developed for a Remotion presentation. Claude Code served as a pair programmer throughout the entire project.

Tech

Astro 5 TypeScript Keystatic CMS Vercel Claude Code CSS Custom Properties

Learnings

  • Astro's hybrid output (static + serverless) is an excellent fit for a CMS-driven blog
  • Keystatic in GitHub mode enables direct UI editing with no backend required
  • RTL in CSS Grid with logical properties (inset-inline, margin-inline) works well once you understand the underlying logic
  • Claude Code can manage complex refactors when you explain the architecture at the start of the session

Outcomes

  • Site live in production on Vercel with full CI/CD
  • 46 articles migrated from WordPress with SEO URL preservation
  • Lighthouse performance score of 95+