[ChatGPT] <!DOCTYPE html>

ChatGPT neutral 2026-04-11 9 чанков ~6 мин чтения

Сущности

Астана AI КЗ UTF DOCTYPE device-width initial-scale EN HERO AST РУ QDEVRUN QDEV RUN data-theme data-lang

<!DOCTYPE html><br> <html lang="ru" data-theme="dark" data-lang="ru"><br> <head><br> <meta charset="UTF-8" /><br> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><br> <title>QDEVRUN — Инженерная команда</title><br> <meta name="description" content="Инженерная команда. Астана." /><br> <link rel="preconnect" href="https://fonts.googleapis.com" /><br> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><br> <link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;1,400&subset=cyrillic,latin&display=swap" rel="stylesheet" /><br> <link rel="stylesheet" href="style.css" /><br> </head><br> <body><br> <br> <header class="header" id="header"><br> <div class="wrap header__inner"><br> <br> <a href="/" class="logo" aria-label="QDEVRUN"><br> <span class="logo__q">QDEV</span><span class="logo__run">RUN</span><br> </a><br> <br> <nav class="nav" aria-label="Навигация"><br> <a href="#capabilities" class="nav__a" data-i18n="nav.capabilities">экспертиза</a><br> <a href="#stack" class="nav__a" data-i18n="nav.stack">стек</a><br> <a href="blog.html" class="nav__a" data-i18n="nav.blog">блог</a><br> <a href="#contact" class="nav__a contact-link" data-i18n="nav.contact">контакт</a><br> </nav><br> <br> <div class="header__right"><br> <br> <div class="lang-switcher" id="langSwitcher"><br> <button class="lang-btn lang-btn--active" data-lang="ru">РУ</button><br> <button class="lang-btn" data-lang="kz">ҚЗ</button><br> <button class="lang-btn" data-lang="en">EN</button><br> </div><br> <br> <br> <a href="/cabinet" class="cabinet-btn" id="cabinetBtn"><br> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><br> <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><br> <circle cx="12" cy="7" r="4"/><br> </svg><br> <span data-i18n="nav.cabinet">кабинет</span><br> </a><br> <br> <button class="theme-btn" data-theme-toggle aria-label="Переключить тему"><br> <span class="theme-btn__icon"></span><br> </button><br> <br> <button class="burger" id="burger" aria-label="Меню" aria-expanded="false"><br> <span></span><span></span><br> </button><br> </div><br> <br> </div><br> <br> <div class="mobile-nav" id="mobileNav" aria-hidden="true"><br> <a href="#capabilities" data-i18n="nav.capabilities">экспертиза</a><br> <a href="#stack" data-i18n="nav.stack">стек</a><br> <a href="blog.html" data-i18n="nav.blog">блог</a><br> <a href="#contact" data-i18n="nav.contact">контакт</a><br> <a href="/cabinet" data-i18n="nav.cabinet">кабинет</a><br> </div><br> </header><br> <br> <main><br> <br> <br> <section class="hero"><br> <div class="wrap"><br> <div class="hero__status"><br> <span class="status-dot"></span><br> <span id="localTime" class="mono">--:--:-- AST</span><br> <span class="status-sep">/</span><br> <span class="mono" data-i18n="hero.location">Астана, КЗ</span><br> </div><br> <br> <h1 class="hero__h1"><br> <span class="h1-line" data-i18n="hero.h1.line1">Инженерная</span><br> <span class="h1-line h1-accent" data-i18n="hero.h1.line2">инфраструктура</span><br> <span class="h1-line h1-dim" data-i18n="hero.h1.line3">для сложных задач</span><br> </h1><br> <br> <p class="hero__lead" data-i18n="hero.lead"><br> Проектируем и строим системы — от архитектуры до деплоя.<br><br> Веб, мобайл, data-пайплайны, AI-интеграции.<br> </p><br> <br> <p class="hero__sub" data-i18n="hero.sub"><br> Работаем с командами, которые строят что-то серьёзное.<br> Нас не интересуют лендинги и шаблонные решения —<br> нам интересна инженерная задача.<br> От первичного аудита архитектуры до полноценного сопровождения продукта.<br> </p><br> <br> <div class="hero__nav"><br> <a href="#capabilities" class="pill" data-i18n="pill.capabilities">— экспертиза</a><br> <a href="#stack" class="pill" data-i18n="pill.stack">— стек</a><br> <a href="#contact" class="pill" data-i18n="pill.contact">— контакт</a><br> </div><br> </div><br> <div class="hero__grid" aria-hidden="true"></div><br> </section><br> <br> <br> <section class="section" id="capabilities"><br> <div class="wrap"><br> <div class="sec-label mono"><br> <span class="sec-num">01</span><br> <span class="sec-slash">/</span><br> <span data-i18n="nav.capabilities">экспертиза</span><br> </div><br> <div class="caps"><br> <br> <div class="cap"><br> <div class="cap__top"><span class="cap__code mono">WEB</span><span class="cap__rule"></span></div><br> <h3 class="cap__name" data-i18n="cap.web.name">Веб-приложения</h3><br> <p class="cap__tech mono">React · Next.js · TypeScript · Vue</p><br> <p class="cap__desc" data-i18n="cap.web.desc">SaaS-продукты, аналитические порталы, рабочие интерфейсы. Продуманная архитектура фронтенда — компонентная система, управление состоянием, SSR/ISR там, где это даёт реальный выигрыш.</p><br> </div><br> <br> <div class="cap"><br> <div class="cap__top"><span class="cap__code mono">MOB</span><span class="cap__rule"></span></div><br> <h3 class="cap__name" data-i18n="cap.mob.name">Мобильные</h3><br> <p class="cap__tech mono">React Native · Expo · iOS · Android</p><br> <p class="cap__desc" data-i18n="cap.mob.desc">Кросс-платформенная разработка с нативным поведением. Один кодовый базис — оба рынка. Push-уведомления, офлайн-режим, нативные модули там, где JavaScript не справляется.</p><br> </div><br> <br> <div class="cap"><br> <div class="cap__top"><span class="cap__code mono">API</span><span class="cap__rule"></span></div><br> <h3 class="cap__name" data-i18n="cap.api.name">Бэкенд / API</h3><br> <p class="cap__tech mono">Node.js · Python · Go · GraphQL · gRPC</p><br> <p class="cap__desc" data-i18n="cap.api.desc">Микросервисная архитектура, очереди, интеграции с внешними системами. Проектируем контракты между сервисами так, чтобы команда могла масштабироваться без трения.</p><br> </div><br> <br> <div class="cap"><br> <div class="cap__top"><span class="cap__code mono">OPS</span><span class="cap__rule"></span></div><br> <h3 class="cap__name" data-i18n="cap.ops.name">Инфраструктура</h3><br> <p class="cap__tech mono">Docker · Kubernetes · Terraform · AWS · GCP</p><br> <p class="cap__desc" data-i18n="cap.ops.desc">CI/CD пайплайны, облачный деплой, мониторинг и алертинг. Инфраструктура как код — вся конфигурация в репозитории, ничего не живёт только в голове одного инженера.</p><br> </div><br> <br> <div class="cap"><br> <div class="cap__top"><span class="cap__code mono">DAT</span><span class="cap__rule"></span></div><br> <h3 class="cap__name" data-i18n="cap.dat.name">Данные</h3><br> <p class="cap__tech mono">PostgreSQL · Redis · Elasticsearch</p><br> <p class="cap__desc" data-i18n="cap.dat.desc">Сбор, хранение и обработка больших объёмов данных. Системы мониторинга в реальном времени, поисковые индексы, аналитические дашборды — от ETL до визуализации.</p><br> </div><br> <br> <div class="cap cap--accent"><br> <div class="cap__top"><span class="cap__code mono">AI_</span><span class="cap__rule"></span></div><br> <h3 class="cap__name" data-i18n="cap.ai.name">AI-интеграции</h3><br> <p class="cap__tech mono">LLM · RAG · Агенты · fine-tuning</p><br> <p class="cap__desc" data-i18n="cap.ai.desc">Встраиваем языковые модели и агентные системы в продуктовую архитектуру. Не демо на промпте — боевые решения с версионированием, наблюдаемостью и контролем стоимости.</p><br> </div><br> <br> </div><br> </div><br> </section><br> <br> <br> <section class="section" id="stack"><br> <div class="wrap"><br> <div class="sec-label mono"><br> <span class="sec-num">02</span><span class="sec-slash">/</span><br> <span data-i18n="nav.stack">стек</span><br> </div><br> <div class="stack-layout"><br> <div class="stack-rows"><br> <div class="sr"><span class="sr__cat mono" data-i18n="stack.frontend">Фронтенд</span><div class="sr__tags mono"><span>React</span><span>Next.js</span><span>TypeScript</span><span>Vue</span><span>Tailwind</span></div></div><br> <div class="sr"><span class="sr__cat mono" data-i18n="stack.backend">Бэкенд</span><div class="sr__tags mono"><span>Node.js</span><span>Python</span><span>Go</span><span>FastAPI</span><span>PostgreSQL</span></div></div><br> <div class="sr"><span class="sr__cat mono" data-i18n="stack.mobile">Мобайл</span><div class="sr__tags mono"><span>React Native</span><span>Expo</span><span>Swift</span><span>Kotlin</span></div></div><br> <div class="sr"><span class="sr__cat mono" data-i18n="stack.infra">Инфра</span><div class="sr__tags mono"><span>Docker</span><span>Kubernetes</span><span>Terraform</span><span>AWS</span><span>GitHub Actions</span></div></div><br> <div class="sr"><span class="sr__cat mono" data-i18n="stack.data">Данные / AI</span><div class="sr__tags mono"><span>OpenAI</span><span>Anthropic</span><span>LangChain</span><span>Elasticsearch</span><span>Redis</span></div></div><br> </div><br> <div class="term-card"><br> <div class="term-card__bar"><br> <span class="tc-dots"><i></i><i></i><i></i></span><br> <span class="tc-title mono">qdev@prod — bash</span><br> </div><br> <div class="term-card__body mono" id="termBody"></div><br> </div><br> </div><br> </div><br> </section><br> <br> <br> <section class="section" id="principles"><br> <div class="wrap"><br> <div class="sec-label mono"><br> <span class="sec-num">03</span><br> <span class="sec-slash">/</span><br> <span data-i18n="nav.principles">принципы</span><br> </div><br> <div class="principles"><br> <br> <div class="principle"><br> <span class="principle__num mono">01</span><br> <div class="principle__body"><br> <p class="principle__text" data-i18n="p.01">Архитектурные решения не должны зависеть от конкретного фреймворка. Фреймворки приходят и уходят — граница между бизнес-логикой и инфраструктурой остаётся.</p><br> </div><br> </div><br> <br> <div class="principle"><br> <span class="principle__num mono">02</span><br> <div class="principle__body"><br> <p class="principle__text" data-i18n="p.02">Мониторинг — часть системы, не опция на потом. Система, которую нельзя наблюдать, неуправляема. Observability проектируется с нуля, а не добавляется перед продакшном.</p><br> </div><br> </div><br> <br> <div class="principle"><br> <span class="principle__num mono">03</span><br> <div class="principle__body"><br> <p class="principle__text" data-i18n="p.03">Сложность не лечится сложностью. Если решение требует долгого объяснения — скорее всего, задача сформулирована неверно. Начинаем с простейшей рабочей модели.</p><br> </div><br> </div><br> <br> <div class="principle"><br> <span class="principle__num mono">04</span><br> <div class="principle__body"><br> <p class="principle__text" data-i18n="p.04">Мы не исчезаем после деплоя. Системы живут в продакшне, а не в репозитории. Мы несём ответственность за то, что запускаем в боевую среду.</p><br> </div><br> </div><br> <br> <div class="principle"><br> <span class="principle__num mono">05</span><br> <div class="principle__body"><br> <p class="principle__text" data-i18n="p.05">Данные важнее кода. Код можно переписать за недели. Потерянные или неправильно спроектированные данные исправляются годами. Схема — это первое архитектурное решение.</p><br> </div><br> </div><br> <br> <div class="principle"><br> <span class="principle__num mono">06</span><br> <div class="principle__body"><br> <p class="principle__text" data-i18n="p.06">Скорость первой итерации — не главный показатель. Нас интересует скорость десятой итерации. Чистая архитектура окупается не в первый спринт, а через полгода.</p><br> </div><br> </div><br> <br> <div class="principle"><br> <span class="principle__num mono">07</span><br> <div class="principle__body"><br> <p class="principle__text" data-i18n="p.07">Хороший инженер говорит «нет». Технические решения принимаются на основе понимания задачи, а не требований заказчика. Если мы видим лучший путь — скажем об этом.</p><br> </div><br> </div><br> <br> </div><br> </div><br> </section><br> <br> <br> <section class="section" id="blog-preview"><br> <div class="wrap"><br> <div class="sec-label mono"><br> <span class="sec-num">04</span><br> <span class="sec-slash">/</span><br> <span data-i18n="nav.blog">блог</span><br> </div><br> <div class="blog-preview-grid"><br> <br> <a class="bp-post" href="post-monolith.html"><br> <div class="bp-post__meta mono"><br> <span class="post__tag">API</span><br> <span class="bp-post__date">07.04.2026</span><br> </div><br> <h3 class="bp-post__title">Монолит не умер. Вы просто плохо его написали</h3><br> <p class="bp-post__excerpt">Для большинства продуктов хорошо написанный монолит быстрее в разработке, дешевле в эксплуатации и проще в отладке.</p><br> <span class="bp-post__read mono">7 мин →</span><br> </a><br> <br> <a class="bp-post" href="post-llm-cost.html"><br> <div class="bp-post__meta mono"><br> <span class="post__tag">AI_</span><br> <span class="bp-post__date">05.04.2026</span><br> </div><br> <h3 class="bp-post__title">Как мы сократили расходы на LLM в 12 раз</h3><br> <p class="bp-post__excerpt">Кэширование, маршрутизация по сложности, батчинг, дистилляция. Конкретные числа из production-системы.</p><br> <span class="bp-post__read mono">9 мин →</span><br> </a><br> <br> <a class="bp-post" href="post-typescript.html"><br> <div class="bp-post__meta mono"><br> <span class="post__tag">WEB</span><br> <span class="bp-post__date">02.04.2026</span><br> </div><br> <h3 class="bp-post__title">TypeScript: паттерны, которые реально спасают</h3><br> <p class="bp-post__excerpt">Discriminated unions, branded types, satisfies, infer. Не теория — паттерны которые ловят ошибки до рантайма.</p><br> <span class="bp-post__read mono">11 мин →</span><br> </a><br> <br> </div><br> <a href="blog.html" class="bp-all mono" data-i18n="blog.all">→ все статьи</a><br> </div><br> </section><br> <br> <br> <section class="section section--last" id="contact"><br> <div class="wrap"><br> <div class="sec-label mono"><br> <span class="sec-num">05</span><span class="sec-slash">/</span><br> <span data-i18n="nav.contact">контакт</span><br> </div><br> <div class="contact-block"><br> <p class="contact-heading" data-i18n="contact.heading">Есть задача?</p><br> <br> <div class="contact-triggers"><br> <div class="ct"><br> <span class="ct__arrow mono">→</span><br> <div><br> <p class="ct__label" data-i18n="ct.1.label">Собственная команда упёрлась в потолок</p><br> <p class="ct__desc" data-i18n="ct.1.desc">Система растёт, архитектура не тянет, найм не успевает. Нужен внешний технический ресурс с пониманием контекста.</p><br> </div><br> </div><br> <div class="ct"><br> <span class="ct__arrow mono">→</span><br> <div><br> <p class="ct__label" data-i18n="ct.2.label">Задача нестандартная — нет готового решения</p><br> <p class="ct__desc" data-i18n="ct.2.desc">Data pipeline на специфичных данных, AI-агент в продуктовой архитектуре, интеграция с legacy-системой. Типовые подрядчики не берут.</p><br> </div><br> </div><br> <div class="ct"><br> <span class="ct__arrow mono">→</span><br> <div><br> <p class="ct__label" data-i18n="ct.3.label">Нужен технический аудит перед раундом или сделкой</p><br> <p class="ct__desc" data-i18n="ct.3.desc">Внешняя оценка архитектуры, технического долга, рисков масштабирования. Независимый взгляд до того как инвестор задаст вопросы.</p><br> </div><br> </div><br> </div><br> <br> <div class="contact-links mono"><br> <a href="mailto:hello@qdev.run" class="cl"><span class="cl__arrow">→</span><span>hello@qdev.run</span></a><br> <a href="https://t.me/qdevrun" class="cl" target="_blank" rel="noopener"><span class="cl__arrow">→</span><span>t.me/qdevrun</span></a><br> </div><br> </div><br> </div><br> </section><br> <br> </main><br> <br> <footer class="footer"><br> <div class="wrap footer__inner mono"><br> <span>QDEVRUN</span><br> <span class="footer__loc" data-i18n="footer.loc">Астана · КЗ · <span id="yr">2026</span></span><br> </div><br> </footer><br> <br> <script src="main.js"></script><br> </body><br> </html><br>