vanatat.ru — сайт-портфолио
Личный сайт Валерия (Fanatat) о системах на ИИ-агентах: игры, боты, мониторинг и автоматизация.
Тёмный интерфейс в стиле лабораторного терминала с интерактивными демонстрациями. Есть русская (vanatat.ru) и английская (vanatat.ru/en) версии.
Что на сайте
- Восемь систем. У каждой своя страница: студия браузерных игр, датчик воздуха HP100, автопилот каналов, контент-завод, штаб ИИ-агентов, мониторинг периметра и другие.
- Живой виджет HP100. Показывает CO₂, температуру, влажность и пыль домашнего датчика на ESP32. Если показание старше 20 минут, виджет помечает его как устаревшее и пишет время замера. Если источник недоступен, виджет переходит на демонстрационные данные с пометкой «нет связи».
- Игры студии. Четыре опубликованных игры ведут в VK Игры.
- Форма заявки. Валидация есть и в браузере, и на сервере.
Демонстрационные блоки подписаны честно. Например, цифры портфеля в блоке All in сгенерированы и не являются реальным счётом.
Стек
Next.js 14, React 18, TypeScript, Tailwind CSS, Three.js (интро), Framer Motion, Lenis, zustand.
Запуск
Нужны Node.js 22 и npm.
git clone https://github.com/Fanatat/lending2.git
cd lending2
npm ci
npm run dev # http://localhost:3000
Проверки: npm run lint, npm run typecheck, npm run build.
Проверки и выкладка
- CI (checks.yml). Запускается на каждый pull request и каждый пуш в
main. Собирает статический экспорт и прогоняет smoke-тест scripts/smoke.mjs. Тест открывает каждую страницу из sitemap.xml в headless Chromium (Playwright) и падает на любой ошибке консоли, в том числе на расхождениях гидратации.
- Выкладка (pages.yml). После слияния в
main сайт сам собирается статическим экспортом и публикуется на GitHub Pages под доменом vanatat.ru.
- Изменения идут только через pull request.
Устройство
app/ — страницы: главная, en/, projects/[slug], OG-картинка, sitemap, robots.components/ — интро, секции систем, пасхалки, эффекты.lib/ — данные и логика: проекты, статусы систем, источник HP100, адреса и ссылки.public/ — звуки (лицензии в public/sounds/CREDITS.md) и текстуры.
Код сайта писали ИИ-агенты (Claude Code). Валерий ставил задачи, принимал результат и выпускал сайт.
Контакт: Telegram @fanatat
