Сделал vasnev.art. Коротко о том, как он устроен.

Концепция - сайт выглядит как рабочий холст в Figma: блоки стоят фреймами, есть слои и размеры, анимации с курсорами и тд

Прототип - я собрал свою библиотеку компонентов и отдал её клоду вместе с макетами. Он собрал из неё прототип, дальше я правил, а он дорабатывал.

Стек - Astro, на выходе статический HTML. Анимации сделаны на Web Animations API с пружинами, которые считаются в JS. Падающие фигуры работают на физике Matter.js.

Хостинг - сам сайт лежит на GitHub Pages. DNS идёт через Cloudflare с серым облаком: трафик уходит напрямую на GitHub, поэтому сайт открывается и в России, и с VPN, и из-за границы.

AI-ассистент отвечает на вопросы о моём опыте на основе базе знаний. Под капотом облачная модель, подключённая через функцию в Яндекс Облаке.

Кейсы сейчас пересобираю (творческий кризис)

vasnev.art