Басты бет / Портфолио / Atamura Group
Кейс — Жылжымайтын мүлік / Қазақстан

Корпоративтік сайт және
бірыңғай цифрлы платформа
құрылысшыға

Atamura Group үшін — Алматының ең ірі құрылысшыларының бірі — нөлден ауқымды үш компонентті жүйе әзірледік. Жалпыға қолжетімді үштілді SSR-портал, әкімшілік панель және жоғары өнімді Go-бэкенд сегіз тұрғын үй кешенін бірыңғай инфрақұрылымда біріктірді.

Клиент
Atamura Group
Сала
Тұрғын жылжымайтын мүлік
Нарық
Алматы, Қазақстан
Технологиялар жинағы
Go · Nuxt · Vue 3 · Redis · PostgreSQL
Мәртебе
Production · Сүйемелдеу
Демоны қарау Ұқсас тапсырыс беру
Негізгі мүмкіндіктер

Платформа не істей алады

Барлық ТҮК каталогы бір жүйеде
Сегіз тұрғын үй кешені мен таунхаус — ертеде тапсырылғандардан 2025–2026 жылдардағы жарияланған старттарға дейін. Әрбір ТҮК — өз жоспарлары, галереялары, бейне есептері және жеке беті бар жеке нысан.
ТҮК каталогы Жоспарлар Галерея
Google лездік индексациясы
Жаңалық немесе бос орын жарияланғанда бэкенд URL_UPDATED түрімен Google Indexing API-ға асинхронды POST-сұраныс жібереді. Бет күндер емес, минуттар ішінде іздеуде пайда болады. Жою кезінде — URL_DELETED беттерді дереу шығарып алады.
Google Indexing API SEO
Лездік Telegram-хабарламалар
Әрбір жаңа өтінім менеджерге корпоративтік Telegram-чатқа толық контекстпен дереу келеді: өтінім түрі, ТҮК, клиенттің аты мен телефоны, таңдалған тіл, қызықтыратын жоспар, серіктес банк және квиз жауаптары.
Telegram Bot API Go goroutine
Біліктілік квизі
Бес қадамды квиз пәтер түрін, сатып алу мақсатын, төлем тәсілін, қызықтыратын ТҮК-ті және шешімге дайындықты жинайды. Жауаптар PostgreSQL-де (JSONB) сақталады және қоңырауға дейін менеджерге жетеді — артық сұрақтарсыз клиентті біліктілікке бағалау.
Pinia composable JSONB
Құрылыс барысы мен медиа
Кезеңі мен түсіру күні көрсетілген құрылыс барысы фотоларын жүктеу. YouTube-embed пен тікелей сілтемелерді қолдайтын бейне-галерея. Скролды дұрыс бұғаттайтын және орнын қалпына келтіретін Lightbox-шолу.
Галерея Lightbox YouTube
Әкімшілік панель
Барлық нысандар бойынша толық CRUD: өтінімдер, жаңалықтар, пікірлер, бейнелер, құжаттар, бос орындар, менеджерлер. Axios interceptor арқылы токендерді автожаңарту бар JWT + Redis авторизациясы. Интерфейс бірнеше тілге аударылған.
Vue 3 SPA JWT CRUD
atamura.qbix.kz
Жалпыға қолжетімді сайттың басты беті — барлық тұрғын үй кешендеріне арналған бірыңғай портал
Клиент туралы

Atamura Group — жаңа ұрпақ құрылысшысы

2011 жылдан бері Алматыдағы қазақстандық құрылысшы. Портфолиоға ECO-комфорт класты тұрғын үй кешендері — «Атмосфера», Arlan, Aura, Keruen, Bravo — және бизнес-класты таунхаустар Monarch, Aqsai Resort, Dulati Residence кіреді. «Қала ішіндегі қала» тұжырымдамасы, итальяндық сәулет, 9 балл сейсмотұрақтылық және машинасыз аулалар Atamura жобаларын нарықта ерекшелейді. Instagram-да 35 000-нан астам жазылушы — Қазақстандағы құрылысшы үшін жоғары көрсеткіш.

8
тұрғын үй кешені
мен таунхаус
2011
нарыққа шыққан
жыл
35K+
Instagram-дағы
жазылушылар
3
жаңа ТҮК
2026 старты
Міндет

Бұрынғы шешімде не сәйкес келмеді

Біздің жобамызға дейін Atamura Group сайты Tilda конструкторында болды. Бастауда бұл орынды: жылдам, арзан, әзірлеушісіз. Бірақ портфолио өскен сайын Tilda шектеулері қатаң және ауыр болды.

Әр ТҮК үшін жеке сайт
Әрбір жаңа тұрғын үй кешені жеке бет немесе тұтас лендинг талап етті. Жаңа домен, жаңа әзірлеу, жеке бюджет — және мұның барлығы әр стартта.
SEO фрагментациясы
Байланыссыз домендер органикалық трафикті бөлді. Әрбір доменнің беделі нөлден жиналды, SEO-бюджеті синергиясыз тәуелсіз алаңдар арасында шашырады.
SEO-өрістері бар көптілділік жоқ
Қазақ, орыс, ағылшын. Tilda әрбір тіл үшін жеке SEO-метатег пен slug-URL бар толыққанды үштілді құрылымды қолдамайды.
Контексссіз өтінімдер
Сайттан лидтер жалпы поштаға түсті. Менеджер клиент қай беттен келгенін, қай ТҮК қызықтырғанын және қай серіктес банкті таңдағанын көрмеді.
Баяу индексация
Жаңа мазмұн іздеуге күндер немесе апталар арқылы жетті. Жоғары бәсекелестік жылжымайтын мүлік нарығында — әрбір ТҮК стартында жіберіп алған трафик.
Визуалды стиль сәйкессіздігі
Әртүрлі мердігерлер — әртүрлі үлгілер. Әрбір ТҮК өзінше көрінді, Atamura Group бірыңғай брендингі сатып алушыға оқылмады.
Шешім

Барлық портфолио үшін бірыңғай платформа

Біз тапсырманы бірыңғай үш компонентті жүйе арқылы шештік. Сегіз тұрғын кешен бір код базасында, бір домен астында және бір SEO-ядросында өмір сүреді. Әрбір ТК жүйе ішіндегі бөлек нысан: өзінің жоспарлары, галереялары, құжаттары және үш тілдегі SEO-өрістері бар, бірақ бірыңғай домен, бірыңғай брендинг және бірыңғай лид воронкасы.

Қаржылық әсер: әрбір жаңа ТК іске қосылғанда жеке сайт енді қажет емес. SEO-әсері: домен беделі тұтас жиналады, жаңа беттер күшейген домен базасынан бастайды. Маркетингтік әсер: сатып алушы Atamura-ның барлық желісін бір жерде көреді және бірыңғай пайдаланушы тәжірибесінде қалады.

Nuxt 3 SSRVue 3Go + FiberPostgreSQLRedisDockerGoogle Indexing APITelegram BotNginx
01Жалпыға ашық SSR-портал
Nuxt 3-те серверлік рендерингмен үш тілді сайт. Іздеу жүйелерінде жылдам индекстелу, органикалық іздеу нәтижелерінде жоғары орын. Барлық ТК бірыңғай каталогта.
02Әкімшілік панел
Маркетинг және сату командасы үшін жеке Vue 3 SPA-қолданбасы. Ыңғайлы интерфейспен барлық нысандар бойынша толық CRUD.
03Жоғары өнімді API
Fiber-дегі Go-бэкенд секундына он мыңдаған сұрауды өңдейді. Multi-stage Docker жинағының арқасында екілік файл 10 МБ-тан аз.
04Лидтерді біліктілендіру және Telegram-хабарламалар
Бес сатылы квиз пәтер түрін, сатып алу мақсатын, төлем тәсілін және шешімге дайындықты жинайды — менеджер телефон соғылғанға дейін клиенттің толық профилін көреді. Әрбір өтінім сату бөлімінің Telegram-чатына бірден түседі.
Көптілділік

Негіз ретінде үш тілді архитектура

Қазақстан нарығы үшін көптілділік — баптау емес, негіз. Қазақ тілі мемлекеттік тіл мәртебесіне ие, қазақстандықтардың 69%-ы оны күнделікті қарым-қатынаста қалайды. Орыс тілі — ұлтаралық қарым-қатынас тілі. Ағылшын тілі Алматыдағы пәтер сатып алушылардың маңызды үлесін құрайтын шет елдік инвесторлар мен экспаттар үшін маңызды.

KK
Қазақ тілі — /kz
Қазақстан Республикасының мемлекеттік тілі. Қазақ тілді аудитория жылдан жылға өсуде. Қазақ тіліндегі сайт — нарықтың негізгі бөлігін қамту үшін опция емес, қажеттілік.
RU
Орыс тілі — /ru
Ұлтаралық қарым-қатынас тілі, ресми түрде мемлекеттікпен тең дәрежеде қолданылады. Қазақстандықтардың 31%-ы орыс тілін күнделікті қарым-қатынаста қалайды.
EN
Ағылшын тілі — /en
Алматыдағы бизнес-класс пәтерлер сатып алушылардың маңызды үлесін құрайтын шет елдік инвесторлар мен экспаттар үшін. Премиум сегмент үшін міндетті.
01
URL-жолы бойынша маршруттау
Локальді анықтау ағымдағы маршрутты талдайтын және ('kk' | 'ru' | 'en') константасын қайтаратын composable useLocale() деңгейінде жүреді. Барлық компоненттер — тақырып, төменгі колонтитул, формалар, түймелер, валидация мәтіндері — үш тілге толық аударылған.
02
Ақылды тіл ауыстырғыш
Тақырыптағы тіл ауыстырғыш тіл ауысқанда ағымдағы бетті зерделі сақтайды. Егер пайдаланушы орыс тілінде жаңалық оқып, қазақ тіліне ауысса — ол сол жаңалықта қалады, бірақ қазақ тілді нұсқасында.
03
Әрбір тіл үшін жеке SEO-өрістер
Бэкендтің жаңалықтар модулі әрбір тіл үшін жеке lang, slug, seo_title және seo_description өрістерін қолдайды. Менеджер бір жаңалықтың үш тәуелсіз нұсқасын жасайды, әрқайсысы өз SEO-тақырыбымен және сипаттамасымен жарияланады.
SEO

Бәсекелестік артықшылық ретінде іздеу оптимизациясы

Жылжымайтын мүлік саласындағы жобалардың көпшілігінде жаңа мазмұн іздеуге күндер өткеннен кейін түседі. Мұнда — «Жариялау» түймесін басқаннан кейін бірнеше минут ішінде. «Алматыда пәтер сатып алу» сұрауы бойынша органикалық трафик үшін жоғары бәсекелестік бар нарықта, әсіресе жаңа ТК іске қосылғанда бұл сезімтал бәсекелестік артықшылық.

Google Indexing API
Мазмұн жарияланғанда Go-бэкенд URL_UPDATED түрімен indexing.googleapis.com/v3/urlNotifications:publish сайтына асинхронды түрде POST жібереді. Google сигнал алады және стандартты кешігуді айналып өтіп, бетті бірден сканерлейді.
Бір домендегі бірыңғай SEO-ядро
Сегіз ТК бірдей SEO-ядросы бар бір домен астында жұмыс істейді. Домен беделі тұтас жиналады. Ішкі сілтемелеу және жалпы сенім деңгейінің арқасында іске қосылу кезінде жаңа беттер жылдамырақ индекстелу алады.
Роботтар үшін SSR және толық HTML
Серверлік рендерингпен Nuxt 3 әрбір бет үшін толық генерацияланған HTML береді. JavaScript жоқ іздеу роботтары барлық мазмұнды — тақырыптарды, сипаттамаларды, жоспарларды, жаңалықтарды — скрипттерді орындамай-ақ алады.
Slug-негізді URL және sitemap
Slug бойынша оқылатын URL (/zhk/atmosfera, /news/article-slug). robots.txt Nuxt server route арқылы генерацияланады және sitemap.xml-ге нұсқайды, /admin мен /api-ні индекстеуден жабады.
atamura.qbix.kz/admin
Әкімшілік панел — өтінімдерді, мазмұнды және командаңды бірыңғай интерфейсте басқару
Бэкенд архитектурасы

Қабаттарға бөлінген таза архитектура

Бэкенд жауапкершілікті бөлу арқылы таза архитектура принциптерінде құрылған. Әрбір қабат өз міндетін шешеді, тәуелділіктер сыртқы қабаттардан ішкілерге бағытталған.

Handlers
Fiber v2
HTTP-өңдеушілер — сұрауларды талдау және жауаптарды қалыптастыру. Маршруттау, middleware (rate limit, CORS, gzip, JWT), кіріс деректерін валидациялау. Жалпыға ашық endpoints: минутына 60 сұрау.
Services
Go (таза логика)
Бизнес-логика — авторизация, токендерді басқару, жеке горутинде Telegram-хабарламалар жіберу, мазмұн жарияланғанда Google Indexing API шақыру. Тасымалдау қабатынан оқшауланған.
Repositories
PostgreSQL + Redis
pgx/v5 connection pool арқылы деректерге қол жеткізу қабаты. Redis автоматты TTL өту арқылы refresh-токендерді сақтайды. Күрделі индекстер күй, тіл, slug және жариялану күні бойынша жиі сұрыптауларды жылдамдатады.
Domain
Модельдер мен DTO
Домендік модельдер мен DTO — сыртқы тәуелділіктерсіз ішкі ядро. Нысандарды анықтайды: Manager, Application, News, Review, Video, ProgressPhoto, Document, Job.
Қауіпсіздік
JWT + Redis
Access Token (15 мин) + Refresh Token (7 күн). Шыққанда refresh-токен Redis-тен дереу кері алынады — қайта пайдалану мүмкін емес.
Bcrypt + Rate Limiting
Әдепкі cost-факторы бар парольдерді хэштеу. Rate limiting: Fiber limiter арқылы жалпыға ашық endpoints-ке минутына 60 сұрау.
UUID + Файл валидациясы
Жүктелетін файл атауларының UUID-генерациясы path traversal шабуылдарын жояды. Кеңейтімдерді валидациялау (.jpg, .png, .webp, .pdf, .docx). Сұрау денесінің шегі: 25 МБ.
CORS Whitelist
Рұқсат етілген origins явного whitelist бар CORS middleware. Жауаптарды Gzip-компрессиялау JSON-жауаптар үшін трафиктің 60–80%-ын үнемдейді.
Multi-stage Docker
Екі сатылы жинақ: golang:alpine -ldflags="-s -w" жалаушаларымен бинарлық файлды компиляциялайды, ca-certificates бар қорытынды alpine:3.19 образы. Образ өлшемі 10 МБ-тан аз.
ENV-конфигурация
Орта айнымалылары арқылы толық конфигурация: PostgreSQL, Redis, JWT-құпиялар, Telegram-токен, Google Service Account JSON. Кодта ешқандай құпия жоқ.
Нәтиже

Жоба сандарда

3
Толыққанды өнімдер
SSR-портал, әкімшілік панел және API-бэкенд — бір жоба шеңберінде нөлден жобаланып іске қосылды.
8
ТК бірыңғай жүйеде
Барлық тұрғын кешендер мен таунхаустар бір домен астында, бір SEO-ядросында, бірыңғай брендинг пен стильде.
3
Тіл толық SEO-мен
Қазақша, орысша, ағылшынша — әрқайсысының жеке SEO-тақырыптары, slug-тары және мета-сипаттамалары бар.
Минуттар
Google-де индекстелгенге дейін
Стандартты күндер мен апталардың орнына. Жаңа ТК іске қосылған сайын бәсекелестік артықшылық.
<10 МБ
Go-образының өлшемі
Alpine-мен multi-stage Docker жинағының арқасында. Жылдам деплой, минималды attack surface.
Сағаттар
жаңа ТК іске қосуға
Жалпы инфрақұрылым, брендинг және SEO-ядро дайын — келесі әрбір ТК жүйеге алдыңғысынан жылдамырақ кіреді.
Жоба қорытындылары

Не тапсырылды

Өнім 1
Nuxt 3-тегі жалпыға ашық SSR-сайт
  • —URL-маршруттаумен үш тіл
  • —Google Indexing API-мен SEO
  • —Интерактивті галереялар мен карталар
  • —Конверсиялық формалар мен квиз
  • —Кітапханаларсыз Scroll-анимациялар
  • —+7 (KZ) телефон маскасы
Өнім 2
Fiber-дегі Go-бэкенд
  • —4 қабатты таза архитектура
  • —JWT + Redis авторизация
  • —Telegram Bot хабарламалары
  • —Google Indexing API
  • —9 PostgreSQL миграциясы
  • —Docker образы <10 МБ
Өнім 3
Vue 3 Әкімшілік панелі
  • —Өтінімдер мен воронканы басқару
  • —SEO-мен көптілді жаңалықтар
  • —Медиа, құжаттар, бос орындар
  • —Axios interceptor (401 → refresh)
  • —Рөлдер: admin / manager / super_admin
  • —Интерфейс 3 тілге аударылған
Ұқсас жоба?

Бизнесіңіз үшін
бірыңғай платформа керек пе?

Архитектурадан деплойға дейін масштабталатын жүйені кілтке тапсырамыз. Кастомды стек, өнімділік пен қауіпсіздік үстінен толық бақылау.

Жобаны талқылау Демоны қарау →
Технологиялар

Технологиялық стек

Стекті таңдау жылдамдық, SEO және масштабталу талаптарымен шартталған. Кастомды код конструктор төбеге тірелетін жерде толық бақылау береді.

Жалпыға ашық сайт
  • Nuxt 3 (SSR)
  • Vue 3 Composition API
  • TypeScript
  • Pinia
  • VueUse
  • Intersection Observer API
Әкімшілік панел
  • Vue 3 + Vite
  • TypeScript
  • Pinia
  • Vue Router
  • Axios (interceptors)
  • Кірістірілген i18n-модуль
Бэкенд
  • Go 1.22
  • Fiber v2 (fasthttp)
  • PostgreSQL + pgx/v5
  • Redis (tokens)
  • Google Indexing API
  • Telegram Bot API
Инфрақұрылым
  • Docker multi-stage
  • Nginx (HTTPS, gzip)
  • Жеке контейнерлер
  • Persistent volumes
  • ENV-конфигурация
  • Alpine Linux образдары