Колофон

Как сделан этот сайт — для тех, кому интересно, что под капотом. Всё написано руками, без конструкторов и шаблонов.

Стек

React 19 — Интерфейс, свой роутер на History API и переходы со шторкой.
TypeScript — Весь код сайта, скриптов и данных — с типами.
Vite — Сборка за секунду и пререндер каждой страницы в свой HTML.
Tailwind CSS 4 — Токены в @theme, анимации на keyframes, без UI-библиотек.
Lenis — Плавная прокрутка — и свой скроллбар поверх неё.
Simple Icons — Логотипы технологий — в стеке кейсов и на /uses.
Node.js без зависимостей — Свой сервер: «Прямо сейчас», заявки в Telegram, звёзды и просмотры.
nginx + pm2 — HTTPS, отдача страниц после пререндера, процесс сервера живёт под pm2.
Puppeteer — OG-картинки, обложки, аватарки и эмодзи рисуются из HTML одной командой.
opentype.js — Логотип LKXA переведён в кривые прямо из шрифта Geist.

Пререндер: У каждой страницы и кейса свой HTML с мета-тегами и OG-картинкой — поисковики и мессенджеры видят текст без JavaScript.
Живые данные: Блок «Прямо сейчас» получает активность из своего расширения для VS Code и трек из Spotify.
Без слежки по умолчанию: Метрика подключается только после согласия в баннере cookie. Звёзды и просмотры считаются без хранения IP.
Уважение к настройкам: Если в системе выключены анимации, сайт тоже их выключает: остаётся только смена прозрачности.
Пасхалки: Наберите «lkxa» на любой странице. Или откройте консоль разработчика.
Айдентика из кода: Логотипы, эмодзи, обложки и презентация генерируются скриптами из одних токенов — поменял цвет, пересобрал всё.