הבלוג הזה — avilevi.co.il

חלון טרמינל מינימליסטי זוהר עם שורות קוד ירוקות ובלוקי תוכן גיאומטריים על רקע כהה

הבעיה

רציתי אתר אישי שמשלב בלוג, פרויקטים ושירותים — ומרגיש כמו מוצר, לא כמו תבנית.

הגישה

בניתי עם Astro 5 (SSG + Vercel adapter), Keystatic כ-CMS מבוסס GitHub, ועיצוב שמבוסס על מערכת tokens שפיתחתי למצגת Remotion. Claude Code שימש כ-pair programmer לאורך כל הפרויקט.

טכנולוגיות

Astro 5 TypeScript Keystatic CMS Vercel Claude Code CSS Custom Properties

מה למדתי

Astro's hybrid output (static + serverless) מתאים מצוין לבלוג עם CMS
Keystatic ב-GitHub mode מאפשר עריכה ישירה מה-UI ללא backend
RTL ב-CSS Grid עם logical properties (inset-inline, margin-inline) עובד טוב אחרי שמבינים את הלוגיקה
Claude Code יכול לנהל refactor מורכב אם מסבירים לו את ה-architecture בתחילת ה-session

תוצאות

אתר פורד בפרודקשן על Vercel עם CI/CD מלא
46 מאמרים מיגרציה מ-WordPress עם שמירת URLs ב-SEO
ציון Lighthouse 95+ ב-performance