URBAN SPOT: Манифест брутализма и абсолютной производительности
Разработка высокопроизводительного хаба на Next.js 16 и Bun с интерактивной сеткой и стабильным Lighthouse 100.
Клиент
URBAN SPOT Coworking
Услуги
UX/UI Engineering, Full-stack Development, System Architecture
Год
2026
Задача
Задача заключалась в создании платформы-манифеста. Требовалась суровая эстетика брутализма, резонирующая с аудиторией разработчиков и творцов, при сохранении экстремальной скорости работы. Главным вызовом стала реализация интерактивного плана этажа (The Grid) с мгновенным откликом на любых устройствах.
Решение
Выбор пал на стек Next.js 16 (React 19) и рантайм Bun. Архитектура построена на принципе SSR-first для мгновенной отрисовки интерфейса. Интерактивная сетка реализована через гибрид SVG и серверных компонентов. Система полностью контейнеризирована через Docker для стабильного развертывания и масштабирования.
Ключевые особенности
- Stable 100 Performance: Идеальные показатели Lighthouse при сохранении сложной графики и анимаций.
- The Grid (Interactive Floor Plan): Оптимизированная карта мест с реактивным обновлением статусов.
- Brutal UI & Tailwind 4: Радикальный дизайн с жесткими сетками, реализованный на новейших стандартах CSS.
- Bun Runtime Speed: Трехкратное ускорение сборки и холодного старта внутри Docker-контейнера.
- Scalable Architecture: Модульная система, подготовленная к интеграции IoT-систем доступа.
Технологии
Архитектура и развертывание
Проект развернут в изолированном Docker-окружении под управлением Bun. Это обеспечило минимальный размер образа и молниеносный CI/CD пайплайн. Инфраструктура готова к резким всплескам трафика во время хакатонов и мероприятий.
Фрагменты проекта