Налаштування CI/CD на CircleCI: автоматизація деплою сайту

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Налаштування CI/CD на CircleCI: автоматизація деплою сайту
Середній
від 1 дня до 3 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1250
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    956
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    947

Деплой вручну — джерело помилок. Одна помилка в ssh-команді — і сайт лежить. В одному проекті клієнт втратив 6 годин через невірний шлях у rsync. CircleCI вирішує цю проблему: автоматичний пайплайн тестує, збирає та розгортає сайт за хвилини без людського фактора. Налаштуємо CI/CD під ключ за 2–3 дні — зв'яжіться для оцінки вашого проекту.

Як прискорити деплой за допомогою CircleCI?

CircleCI — хмарний CI/CD з акцентом на швидкість. Використовує концепцію orbs (повторно використовувані пакети конфігурації) та resource classes для тонкого налаштування ресурсів під кожен job. Конфігурація — .circleci/config.yml. Згідно з офіційною документацією, використання orbs скорочує обсяг YAML на 60%. Ми гарантуємо, що після налаштування деплой стане передбачуваним і швидким.

version: 2.1

orbs:
  node: circleci/[email protected]

jobs:
  test:
    docker:
      - image: cimg/node:20.11
    steps:
      - checkout
      - node/install-packages:
          pkg-manager: npm
      - run:
          name: Run tests
          command: npm test

  build:
    docker:
      - image: cimg/node:20.11
    steps:
      - checkout
      - node/install-packages:
          pkg-manager: npm
      - run: npm run build
      - persist_to_workspace:
          root: .
          paths:
            - dist/

  deploy:
    docker:
      - image: cimg/base:current
    steps:
      - attach_workspace:
          at: .
      - add_ssh_keys:
          fingerprints:
            - "SHA256:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
      - run:
          name: Deploy via rsync
          command: |
            rsync -avz --delete dist/ deploy@$DEPLOY_HOST:/var/www/mysite/

workflows:
  build-test-deploy:
    jobs:
      - test
      - build:
          requires:
            - test
      - deploy:
          requires:
            - build
          filters:
            branches:
              only: main

Чому варто обрати CircleCI для CI/CD?

Workspaces — механізм передачі файлів між jobs в одному workflow. Артефакти збірки (папка dist/) створюються в build і підхоплюються в deploy. Працює швидше кешу — дані зберігаються в оперативному сховищі CircleCI на час workflow. Це знижує час збірки на 30–50% порівняно з традиційним кешуванням.

Orbs — повторно використовувані блоки конфігурації, опубліковані в реєстрі. Економлять десятки рядків YAML:

orbs:
  aws-s3: circleci/[email protected]
  slack: circleci/[email protected]

jobs:
  deploy_s3:
    docker:
      - image: cimg/python:3.12
    steps:
      - attach_workspace:
          at: .
      - aws-s3/sync:
          from: dist/
          to: s3://my-bucket/
          arguments: --delete
      - slack/notify:
          event: pass
          template: basic_success_1

Популярні orbs: circleci/aws-s3, circleci/kubernetes, circleci/docker, circleci/slack, circleci/heroku.

Resource Classes — різні jobs потребують різних ресурсів. Тести — можна на малій машині, збірка образу — потрібно більше:

jobs:
  lint:
    resource_class: small       # 1 CPU, 2GB RAM — дешевше
    docker:
      - image: cimg/node:20.11

  build_docker:
    resource_class: large       # 4 CPU, 8GB RAM
    machine:
      image: ubuntu-2204:current
Resource class vCPU RAM (GB) Приклад використання
small 1 2 Лінтинг, unit-тести
medium 2 4 Збірка, інтеграційні тести
large 4 8 Docker-збірка, E2E-тести
xlarge 8 16 Важкі задачі

Паралельне виконання тестів — автоматичне розбиття тест-сьютів на N контейнерів:

test:
  parallelism: 4
  docker:
    - image: cimg/node:20.11
  steps:
    - checkout
    - node/install-packages
    - run:
        name: Split and run tests
        command: |
          TESTFILES=$(circleci tests glob "**/*.test.ts" \| circleci tests split --split-by=timings)
          npx jest $TESTFILES
    - store_test_results:
        path: test-results/

circleci tests split --split-by=timings ділить файли за історичними даними. При 4 контейнерах тести проходять у 4 рази швидше. Економія часу на тестуванні сягає 70%, що прямо знижує витрати на розробку. Замовте налаштування CI/CD — скоротіть витрати на релізи до 50%.

Типові помилки при налаштуванні CircleCI

Часта проблема — витік секретів у логах. Ніколи не публікуйте SSH-ключі або токени в коді. Завжди використовуйте змінні оточення проекту (Project Settings > Environment Variables) або контексти (Contexts) для безпечного зберігання. У YAML ключі не повинні бути захардкожені.

Ще одна поширена помилка — невірне вказання resource class. Якщо job не вистачає пам'яті, він падає з OOM. Для збірки Docker-образів завжди використовуйте machine: true або resource_class: large+. Тестуйте локально за допомогою команди circleci local execute. У таблиці нижче наведені типові сценарії та їх рішення.

Проблема Причина Рішення
Job fails з OOM Resource class too small Переключитися на large або xlarge
Secrets у логах Хардкод у YAML Використовувати Environment Variables
Повільний деплой Відсутній кеш Додати кешування залежностей
Pending задачі Немає approval flow Додати type: approval у workflow

Що входить у роботу?

  • Повна конфігурація .circleci/config.yml з урахуванням стеку проекту
  • Підключення SSH-ключів, змінних оточення, secrets
  • Інтеграція з orbs (AWS S3, Slack, Docker та ін.)
  • Налаштування кешування залежностей та workspace
  • Паралельне тестування та балансування навантаження
  • Approval flow для деплою на прод
  • Документація по пайплайну та навчання команди
  • Гарантія працездатності: тестуємо пайплайн на вашому проекті

Процес роботи

  1. Аналітика — вивчаємо інфраструктуру, стек, особливості деплою
  2. Проєктування — обираємо орбіти, resource classes, схему workflow
  3. Реалізація — пишемо config.yml, налаштовуємо інтеграції
  4. Тестування — прогонимо пайплайн, виправляємо помилки
  5. Деплой — запускаємо в продакшн, документуємо
  6. Підтримка — відповідаємо на питання, вносимо правки протягом тижня

Наш досвід — більш ніж 50 успішних проектів з налаштування CI/CD. Ми гарантуємо стабільну роботу пайплайну. Зв'яжіться з нами для консультації — отримайте автоматичний деплой без помилок.

Орієнтири щодо термінів

Перший робочий пайплайн — 1 день: створення конфігу, додавання ключів і змінних, налагодження. Повна конфігурація з паралельними тестами, orbs, approval flow — 2–3 дні. Вартість фіксована та розраховується індивідуально.

Кейс: зменшення часу деплою в 5 разів

В одному проекті клієнт вручну деплоїв статичний сайт на S3. Процес займав 30 хвилин. Після налаштування CircleCI з орбітою aws-s3 і паралельними тестами час скоротився до 6 хвилин. Економія — 4 людино-години на кожен реліз. Замовте налаштування CI/CD і отримайте аналогічний результат.

Ми регулярно стикаємося з ситуацією: «Сайт не відкривається» о 3 годині ночі — і виявляється, що disk full на VPS, тому що логи nginx не ротувалися півроку. Або сервер ліг під навантаженням у день запуску рекламної кампанії, тому що на shared хостингу стояв ліміт у 50 одночасних з'єднань. Налаштування хостингу та деплою — це не про «де дешевше», це про те, що відбувається в момент, коли щось іде не так. Наша команда допомагає уникнути таких інцидентів, проектуючи інфраструктуру з урахуванням реальних патернів навантаження.

Коли обирати Vercel та Netlify?

Vercel створений під Next.js — деплой в один push, preview deployments для кожного PR, автоматичний CDN, Edge Functions, ISR без конфігурації. Для фронтенд-проєктів та JAMstack це оптимальний вибір: немає операційного навантаження, time-to-deploy вимірюється хвилинами.

Обмеження реальні: Vercel Serverless Functions запускаються в us-east-1 за замовчуванням (latency для Європи +80–100ms), Function timeout 300 секунд на Pro, Bandwidth 1TB/місяць на Pro. Для важкого backend — потрібні воркери або окремий сервер.

Netlify ближчий до статики та Edge Functions на базі Deno Deploy. Build minutes — основне обмеження на безкоштовному тарифі.

Критерій Vercel Netlify
Основна спеціалізація Next.js, фреймворки Статика, JAMstack
Edge Functions V8 isolates (Node.js) Deno Deploy
Preview Deployments Вбудовані Вбудовані
Serverless Functions Так, обмеження 300s Так, обмеження 10s
Безкоштовний ліміт bandwidth 100 GB 100 GB

Чому Docker — основа передбачуваного деплою?

«Працює на моїй машині» — класика. Docker вирішує це через контейнеризацію середовища. Але поганий Dockerfile створює нові проблеми.

Типова помилка: копіювати все в образ без .dockerignore, отримувати 800MB образ замість 80MB. node_modules всередині образу важить стільки ж. Правильно: multi-stage build.

FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production
COPY . .
RUN npm run build

FROM node:20-alpine AS runner
WORKDIR /app
COPY --from=builder /app/.next ./.next
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json
EXPOSE 3000
CMD ["npm", "start"]

Підсумковий образ: 180MB замість 1.2GB. Час збірки CI скорочується через layer caching — якщо package.json не змінився, шар з npm ci береться з кешу.

Docker Compose для локальної розробки та простих продакшн-сценаріїв: застосунок + PostgreSQL + Redis в одній конфігурації. Для production на одному сервері — цілком робочий варіант, якщо немає вимог горизонтального масштабування.

Детальніше про контейнеризацію — Wikipedia: Docker.

Як налаштувати Nginx як reverse proxy?

Nginx перед застосунком — стандарт для VPS та виділених серверів. Основні функції: SSL termination, gzip, static files, rate limiting, upstream балансування.

Конфігурація, яку часто роблять неправильно: worker_processes auto — кількість процесів дорівнює числу CPU. worker_connections 1024 — це 1024 на кожний воркер-процес. При 4 CPU та 1024 connections = 4096 одночасних з'єднань. Для високонавантаженого сайту потрібно worker_connections 4096 та налаштування keepalive_timeout 65.

Для статичних ассетів з хешем в імені файлу:

location ~* \.(js|css|woff2|png|webp)$ {
    expires 1y;
    add_header Cache-Control "public, immutable";
}

immutable повідомляє браузеру: не перевіряй цей файл навіть при hard refresh. Правильно працює лише з content-hashed іменами файлів (що робить Vite/webpack за замовчуванням). Документація — Wikipedia: Nginx.

AWS: гнучкість та складність

EC2 + Auto Scaling Group — класика для горизонтального масштабування. AMI з попередньо встановленим застосунком, Launch Template, ASG з min/desired/max instances, Application Load Balancer. При CPU > 70% на 3 хвилини — scale out, при CPU < 30% на 15 хвилин — scale in. Health check через ALB виключає нездорові інстанси з ротації.

ECS Fargate — контейнери без управління EC2. Деплой Docker-образу, задаєте CPU/пам'ять (512 CPU units = 0.5 vCPU, від 512MB пам'яті), Fargate запускає. Дорожче Lambda, але немає cold start та немає timeout-обмежень. Підходить для long-running процесів, WebSocket-серверів, важких воркерів.

RDS для PostgreSQL з Multi-AZ: автоматичний failover за 1–2 хвилини при падінні primary. Read Replicas для масштабування читання. RDS Proxy для connection pooling — Lambda-функції не вміють тримати довгострокові з'єднання, проксі буферизує це.

Kubernetes: коли це виправдано

K8s додає значну операційну складність. Виправданий, коли: кілька команд деплоять незалежні сервіси, потрібне тонке налаштування ресурсів на сервіс, canary deployments та blue/green без простою — вимога.

AWS EKS, GKE або managed k8s від Hetzner (дешевше). Helm charts для стандартних сервісів. Horizontal Pod Autoscaler по CPU та custom metrics (RPS через Prometheus).

Для більшості стартапів та середніх проєктів — Kubernetes надмірний. ECS або Fly.io дають 80% можливостей при 20% операційної складності.

Моніторинг та alerting

Сервер без моніторингу — це очікування інциденту. Мінімальний стек: Prometheus + Grafana (або Grafana Cloud для managed), alerting на disk > 80%, memory > 85%, CPU > 90% за 5 хвилин, error rate > 1%. Uptime через Better Uptime або Upptime (self-hosted).

Logs: Loki + Grafana або CloudWatch Logs Insights. Структуровані JSON-логи (winston, pino) — обов'язково, інакше пошук по логах перетворюється на біль.

Що входить у налаштування хостингу

  • Аудит поточної інфраструктури та профілювання навантаження
  • Вибір цільової архітектури (VPS, AWS, serverless, Kubernetes)
  • Налаштування CI/CD pipeline (GitHub Actions, GitLab CI) з автоматичним деплоєм
  • IaC через Terraform або Pulumi (інфраструктура як код)
  • Конфігурація Nginx, SSL-сертифікати, HTTP/2, brotli
  • Моніторинг та алертинг (Prometheus + Grafana, PagerDuty)
  • Документація runbooks та навчання команди

Додатково: пишіть, якщо потрібна міграція з поточного хостингу або інтеграція із зовнішніми сервісами.

Процес роботи

  1. Аудит поточної інфраструктури (2–5 днів)
  2. Вибір цільової архітектури з обґрунтуванням за навантаженням та бюджетом (1–3 дні)
  3. Налаштування CI/CD pipeline (GitHub Actions, GitLab CI) (2–5 днів)
  4. IaC через Terraform або Pulumi (3–10 днів)
  5. Налаштування моніторингу та alerting (2–5 днів)
  6. Документація runbooks та навчання команди (1–3 дні)

Наш досвід — 7 років на ринку, понад 50 проєктів, гарантія працездатності після деплою.

Терміни

  • Базовий деплой на VPS з Docker + Nginx + CI/CD: 1–2 тижні.
  • Налаштування AWS інфраструктури з Auto Scaling, RDS, CDN: 3–6 тижнів.
  • Міграція на EKS з нуля: 6–12 тижнів.
  • Налаштування Vercel/Netlify для JAMstack: 3–5 днів.

Вартість розраховується індивідуально залежно від складності та обсягу робіт. Отримайте консультацію — оцінимо вашу архітектуру за один день.