Этот сайт

Задача

Портфолио full-stack разработчика должно доказывать то же самое, что и декларирует: реальный инжиниринг, реальное чувство дизайна и достаточно сдержанности, чтобы не превратить каждую секцию в демо-шоу. Оно также должно было работать на четырёх языках, не превращаясь в четыре отдельных сайта для поддержки, и оставаться рабочим для посетителей, которые вообще не включают JavaScript.

Что было сделано

Светлая и тёмная темы, выбираемые по настройкам системы, а затем запоминаемые, четыре языка с автоматическим определением и скролл-управляемая колода карточек для избранных работ, которая фиксирует viewport и прокручивает карточки спереди назад по мере скролла — проверенная как интерактивный HTML-прототип ещё до того, как хоть строка из неё была перенесена в React. Контент остаётся полностью видимым без JavaScript: ничто не зависит от выполнения скрипта, чтобы стать читаемым.

Технические решения

Next.js App Router с next-intl для маршрутизации и переводов, Tailwind v4 для стилей, GSAP и ScrollTrigger для зафиксированной колоды и скролл-анимаций, Three.js импортируется динамически, поэтому никогда не попадает в основной бандл. Сам макет — куда сначала падает взгляд, насколько ниже расположена "работа" — был проверен инструментами предиктивного айтрекинга ещё до написания продакшн-кода, а не подправлен на глаз постфактум.