Контекст
Покупка, аренда и продажа, проекты на стадии строительства, каталог агентов и свой журнал. Всё это собрано на одном публичном сайте.
Платформа недвижимости · 2022-2024
AX Capital
AX Capital работает на рынке недвижимости Дубая. С 2022 по 2024 год я вёл там фронтенд-команду и один собрал публичную платформу с нуля: сайт с поиском объектов, свою CMS на Quasar и 3D-просмотр квартир на Three.js прямо в браузере.
Что я построил
Три части. Публичный сайт на Nuxt: поиск по первичному, вторичному рынку и новостройкам, фильтры по типу, количеству спален и цене в AED, USD, EUR, GBP или CNY, объекты на карте, страницы агентов, каталоги, AX Journal и формы заявок. Своя CMS на Quasar с редактором на Editor.js, где ведётся весь контент сайта. И 3D-просмотр на Three.js, чтобы покупатель видел квартиру в объёме прямо в браузере.
Архитектура
Nuxt для сайта, Quasar для админки, Three.js для просмотра. Сайт объявлений живёт за счёт поискового трафика, поэтому страницы должны быстро рендериться и индексироваться. CMS вынесена в отдельное приложение, чтобы редакторы не трогали публичный фронтенд. 3D-просмотр грузится только там, где он нужен. Editor.js даёт на выходе структурированный JSON, а не сырой HTML.
Сложности
На сайте два типа контента: тексты журнала и данные объектов, по которым работают фильтры. Тексты хорошо ложатся в Editor.js, а объектам нужны типизированные поля для запросов. Поэтому блочный редактор не мог стать единственной моделью контента.
Итог
axcapital.ae вышел в прод со всеми тремя частями. За счёт SSR, сжатия картинок через Sharp и CDN на AWS страницы стали грузиться примерно на 40% быстрее. По оценке клиента, производительность выросла на 50%.
Результаты
+50% производительностиСобрал с нуляСайт · CMS · 3D-просмотр
Ссылки
Нужно запустить продукт?
Пришлите идею, репозиторий или недоделанный проект. Сначала задам вопросы, потом пришлю письменный скоуп. Ищете человека в команду? Напишите, на какую роль.