Сайт Портфолио Кирилла Голованова

Высоконагруженная SSR/ISR-экосистема на Next.js (App Router), Node.js/Express (REST API) и Vite (CRM-панель), спроектированная под максимальное SEO, мгновенный UX и надежность. Проект находится на финальной стадии стабилизации перед запуском в продакшен и полностью покрыт автотестами (Vitest, Supertest, Playwright, MSW).
Frontend & UX: Интерфейс на Tailwind CSS 4 и Shadcn UI. Реализована гибридная стратегия кэширования и **On-Demand Revalidation**: публичные статичные хабы (главная страница) кэшируются на уровне сервера (ISR), а критически важные для бизнеса страницы (каталог и карточки товаров) переведены в режим реального времени (force-dynamic) для обеспечения 100% точности остатков. При покупке или изменении товаров в CRM бэкенд мгновенно отправляет защищенный сигнал на адресную инвалидацию данных по тегам кэша (revalidateTag) и маршрутам (revalidatePath). Дополнительно решена проблема клиентского кэширования истории переходов Next.js за счет принудительного обновления router.refresh() на этапе checkout, что полностью устранило рассинхрон витрины без лишней нагрузки на бэкенд. На странице успешного оформления заказа (/order/success) реализован перехват параметров платежа из URL возврата (paid=1 и orderId) для мгновенного триггера фронтенд-синхронизации.
Backend, Данные & Безопасность: PostgreSQL + Prisma с оптимизацией запросов через GIN-индексы. Внедрена 100% защита от гонки запросов (Race Condition) за счет пессимистической блокировки данных (SELECT FOR UPDATE) прямо в момент создания заказа, независимо от шлюза оплаты. Дополнительно устранена гонка условий асинхронного вебхука, при которой уведомление от платежной системы могло прийти в API до завершения транзакции создания заказа (что приводило к неотслеживаемым ответам 202/404). Безопасность межсерверных запросов ревалидации гарантирована проверкой секретных токенов окружения (.env). Для защиты вебхуков добавлена валидация пула IP-адресов шлюза (YOOKASSA_ALLOWED_IPS). Ролевой доступ (JWT) и S3-медиахранилище.
Бизнес-логика & Нотификации: Кастомная сплит-архитектура заказов («из наличия» vs «авторский повтор») со сквозным checkoutGroupId. Интегрирована подсистема кастомных заявок (индивидуальное обсуждение, кастомизация, запись на мастер-классы). Полная интеграция ЮKassa с идемпотентной обработкой вебхуков и логикой автовозврата остатков на витрину при отменах сессий. Разработан и внедрен отказоустойчивый **Fallback-механизм принудительной синхронизации (endpoint /api/orders/:id/sync-payment)**, который запрашивает актуальный статус напрямую у API ЮKassa в момент возврата пользователя на сайт, гарантируя перевод заказа в статус PAID даже при сетевых сбоях, блокировках или задержках фоновых вебхуков. Предусмотрен «умный» поиск последнего активного неоплаченного заказа, если в URL возврата отсутствует явный ID. Реализован отказоустойчивый параллельный сервис уведомлений (Telegram Bot API + SMTP-транспорт Nodemailer через доменную почту no-reply@) с изолированной обработкой ошибок.

SPA-приложение (28 медиа-альбомов) на React 19 и Vite, построенное на data-driven архитектуре (JSON). Скорость отклика достигнута через Code Splitting (React.lazy) и Lazy Mounting секций на базе IntersectionObserver.
Оптимизация контента: Проект полностью развернут на S3 Storage. Реализована система WebP-превью, разделение трафика (thumbnails/full-size) и отложенная инициализация видео.
UX & Performance: Ручное управление чанками Swiper, использование React Portals для модальных окон и глубокая оптимизация рендеринга обеспечивают мгновенный старт страницы. Интегрирована Яндекс.Метрика с информером.