Piton Studios
Piton Studios
Nexos Investment
[05]

Nexos Investment

2026
Клиент
Nexos Investment
Год
2026
Объём
Full-stack app, admin panel, PWA, E2E tests
Роль
Design / Development / Deploy
§ Детали проекта

Nexos InvestmentИндивидуальная система управления объявлениями недвижимости — карты, i18n, автогенерация PDF/PPT предложений.

Готовые темы не отвечали задачам Nexos Investment (продвинутое управление объявлениями, показ на карте, многоязычность, автогенерация предложений). Мы построили масштабируемую систему с нуля на Next.js, PostgreSQL и Vercel: интерактивная карта Google Maps + Leaflet с кластеризацией, многоязычность через next-intl и автоматическая генерация PDF/PowerPoint предложений из данных объявления.

Админ-панель с редактором TipTap и drag-and-drop, PWA/offline, валидация Zod, rate-limit Upstash и E2E-тесты Playwright дали платформу производственного уровня — техническая вершина нашего портфолио.

Next.jsPostgreSQLGoogle Mapsi18n

Задача

Nexos Investment — инвестиционная компания по недвижимости, управляющая множеством проектов и объявлений на Северном Кипре, — работала на готовых шаблонах для сайтов недвижимости. Эти шаблоны не закрывали задачи компании: показ объявлений на интерактивной карте по локации, многоязычный контент (большинство инвесторов — иностранцы) и мгновенную генерацию коммерческого предложения из данных объявления. Консультанты готовили презентацию для каждого предложения вручную и вели объявления на разных языках отдельно друг от друга. Компании нужна была единая платформа, объединяющая все эти процессы и построенная под собственный рабочий процесс.

Решение

Мы построили систему управления недвижимостью с нуля на Next.js 16 и PostgreSQL. На публичной стороне — список объявлений и проектов с фильтрацией, интерактивная карта с кластеризацией на базе Google Maps и Leaflet (react-leaflet-cluster) и многоязычная структура на 5 языков (tr/en/ru/de/fa) через next-intl. Для консультантов разработали полноценную админ-панель с богатым текстовым редактором на TipTap и drag-and-drop интерфейсом — в ней управляются объявления, проекты, подобъявления и планировки этажей. Модуль презентаций мгновенно превращает данные выбранного объявления или проекта в файл PDF или PowerPoint с помощью jsPDF и pptxgenjs, захватывая изображения через html2canvas. Система работает и как PWA: service worker обеспечивает кеширование и офлайн-страницу. Валидация входных данных — на Zod, защита от злоупотреблений — rate-limit на Upstash; критичные сценарии закрыты E2E-тестами на Playwright.

Ключевые технические решения

  • Интерактивная карта: кластеризованная карта Leaflet на react-leaflet-cluster в паре с Google Maps показывает локации объявлений и проектов сгруппированными на одном экране.
  • Автогенерация предложений: модуль презентаций мгновенно собирает файл PDF/PowerPoint из данных объявления с помощью pptxgenjs и jsPDF.
  • Структура на 5 языков: турецкий, английский, русский, немецкий и персидский контент управляется через next-intl с отдельными файлами переводов для каждого языка.
  • Богатый текстовый редактор на TipTap и сортировка перетаскиванием на dnd-kit ускоряют управление контентом и медиа в админ-панели.
  • Поддержка PWA: web app manifest + service worker дают кеширование и офлайн-страницу; безопасность в проде обеспечивают валидация Zod, rate-limit на Upstash и E2E-тесты Playwright.

Технологии

Next.jsPostgreSQLTypeScriptnext-intlLeafletGoogle MapsTipTapZodUpstashPlaywright

Результат

Теперь Nexos Investment управляет объявлениями и проектами, картой, многоязычным контентом и предложениями для инвесторов из единой системы, полностью под контролем консультантов. Презентации, которые раньше готовили вручную, уступили место автоматически создаваемым PDF/PowerPoint-предложениям; объявления на всех языках обновляются из одной панели. Компания вышла за рамки готовых шаблонов и получила масштабируемую техническую инфраструктуру, построенную под собственный рабочий процесс.

Связанные решения