Frontend
- JavaScript
- TypeScript
- React
- Next.js
- Node.js
- Tailwind
SH‑01 / ТИТУЛ
Serhii KrepetsFront‑End & Design EngineerDevOps
Відшліфовані інтерфейси, дизайн‑системи та пайплайни, що доставляють їх у продакшен.
Велика сила — великий рахунок за електрику
#навички
DevOps
- Docker
- Kubernetes
- AWS
- Terraform
- CI/CD
- Linux
AI та тулзи
- Cursor
- Claude
- MCP
- AI‑агенти
- ChatGPT
#про мене
Я починав карʼєру у frontend — будував вебзастосунки та інтерфейси, яких люди справді торкаються. Це досі ключове для мене, але з часом стало цікаво все, що навколо.
Ще зі школи я був тим, хто годинами копирсався у Windows, пробував Linux і оптимізовував свій ПК. Іноді робив його швидшим. Іноді щось ламав і мусив лагодити. Мабуть, усе почалося саме звідти.
У фронтенді я виріс у design engineer. На клієнтських проєктах, де не було дизайнера — або дизайн не збігався з логікою — я сам проєктував флоу, лейаути та компоненти, а потім випускав їх pixel‑perfect. Я будував цілі платформи, а не окремі сторінки, і в поточній компанії спроєктував низку UI‑блоків, які пішли прямо в продакшен.
Що більше я працював у tech, то більше помічав, що мені подобається покращувати процеси, автоматизувати рутину і знаходити кращі способи будувати та підтримувати системи.
Ця цікавість привела мене до DevOps, але frontend та дизайн досі велика частина того, чим я займаюсь — я продовжую будувати й проєктувати інтерфейси, водночас розвиваючи навички в інфраструктурі та автоматизації.
Свій шлях я бачу як поєднання обох напрямів — наче два ланцюжки однієї ДНК: створювати те, чим користуються люди, і будувати системи, що змушують це працювати.
#Чим займаюсь
01
Frontend та Design Engineering
Вебзастосунки та інтерфейси на Next.js, React і TypeScript — доступні, адаптивні та швидкі. Я працюю і як design engineer: коли макета немає або дизайн не збігається з логікою, я сам проєктую флоу, лейаути та компоненти й довожу їх до продакшену.
02
Інфраструктура та DevOps
CI/CD-пайплайни, контейнеризовані деплої, infrastructure as code та хмарні середовища — системи, що доставляють код у продакшен і тримають його в роботі.
03
AI‑Assisted Workflow
AI-інструменти вбудовані в процес — для досліджень, дебагу, документації та планування інфраструктури. Множник на судження, а не заміна йому.
#Архітектура деплою
повна історія на github→shipped — клієнтська та фріланс робота
client-vps-hostinginfra / hosting2023—
- problem
- У клієнтів був готовий сайт, але не було розуміння, де і як його хостити — і не було бюджету на managed platform.
- solution
- Підняв Ubuntu VPS на Hetzner Cloud, налаштував Nginx як reverse proxy з автоматичним SSL через Let's Encrypt, DNS і базовий firewall на кожному сервері.
- stack
- Hetzner Cloud · Ubuntu · Nginx · Let's Encrypt · UFW
- result
- Кілька клієнтських проєктів перейшли від «не знаємо, як це запустити» до продакшен-сервера, який просто працював.
github-push-deployinfra / ci‑cd2024—
- problem
- Реліз оновлення означав SSH на сервер, pull репозиторію та ручний рестарт процесу — легко забути крок.
- solution
- Налаштував GitHub Actions / webhook-triggered deploy scripts: push у main тягне код, ставить залежності, збирає та перезапускає додаток — без ручних кроків.
- stack
- GitHub Actions · Webhooks · SSH deploy keys · systemd / PM2
- result
- «Push to deploy» замінив ручний чеклист, де треба було пам'ятати правильний порядок команд.
aws-amplify-hostinginfra / cloud2024
- problem
- Проєкту потрібен був хостинг з автоматичними збірками та preview на гілках — без управління сервером.
- solution
- Підключив репозиторій до AWS Amplify, налаштував build settings та env variables, зробив branch-based preview deployments поруч із production build.
- stack
- AWS Amplify · Next.js · Managed CI/CD
- result
- Практичний досвід з managed cloud deploy pipeline поза звичними Vercel/Netlify.
coolify-selfhosted-paasinfra / platform2025—
- problem
- Хотів зручність PaaS на кшталт Vercel або Heroku («push — і вже live»), але на інфраструктурі, яку я реально контролюю.
- solution
- Розгорнув Coolify на Hetzner VPS як self-hosted PaaS — додатки, бази та preview environments через UI поверх Docker.
- stack
- Coolify · Docker · Hetzner Cloud
- result
- Працююча self-hosted альтернатива managed PaaS — і прямий натхнення для платформи нижче.
building now — власна платформа
k8s-blue-green-platforminfra / kubernetesin progress
- problem
- Один Docker host не дає справжнього zero-downtime релізу — поганий деплой все одно означає видимий збій або ручний rollback.
- plan
- Kubernetes cluster з blue/green rollout pipeline: нова версія піднімається поруч зі старою, проходить health checks, потім трафік перемикається — з миттєвим rollback, якщо щось не так.
- stack
- Kubernetes · Helm · Ingress‑nginx · GitHub Actions
- status
- In progress — будую під час пошуку роботи, ще не готовий продукт.
easy-deploy-platforminfra / platformplanned
- problem
- Кожен новий проєкт досі означає ручне підключення CI/CD та хостингу — саме ту повторювану роботу, яку платформа вище має прибрати.
- plan
- Невелика self-serve платформа поверх Kubernetes cluster: вказуєш git repo через UI — вона збирає, контейнеризує та деплоїть додаток на мій сервер автоматично, з логами та rollback.
- stack
- Kubernetes · Docker · Next.js (control panel) · GitHub API
- status
- Planned — наступний крок після cluster та blue/green pipeline.
nextjs-supabase-appplatform / reference‑appplanned
- problem
- Платформі вище потрібне реальне навантаження, щоб довести, що вона працює — не просто «hello world» контейнер.
- plan
- Next.js + Supabase app (auth, Postgres, storage) — і окремий проєкт, і перша реальна ціль деплою для платформи.
- stack
- Next.js · Supabase · PostgreSQL
- status
- Planned — додаток, який перевірить платформу в бою.
#Досвід
Розробник з 2021 — спочатку фріланс у вебі, потім frontend і design engineering, з DevOps, що швидко зростає. AI‑assisted workflow — частина моєї роботи з 2022.
Freelance Web Development
2021 — 2023Починав із виконання клієнтських замовлень — переважно лендінги та невеликі сайти на HTML, CSS та JavaScript плюс бібліотеки (jQuery, Bootstrap, GSAP). Pixel-perfect верстка з макетів — моя перша практична робота у вебі.
AI‑Assisted Workflow
running · з 2022Використовую AI як щоденного інженерного партнера з 2022 — від ранніх експериментів з ChatGPT до Cursor, Claude та Figma MCP. Прискорює дослідження, прототипування, рефакторинг і документацію, не замінюючи судження. Допоміг впровадити практичні AI‑workflow колегам у поточній компанії.
Frontend & Design Engineering
stable · з 2023Будую та випускаю production web-додатки з 2023 — Next.js / React фронтенди, у фрілансі та full‑time ролі. Дедалі більше як design engineer: володію UX/UI від початку до кінця, проєктую компоненти й лейаути, коли макета немає, і довожу їх від ідеї до задеплоєного, pixel‑perfect production UI.
DevOps / Platform Engineering
in progress · з 2025У 2025 взявся за DevOps‑орієнтований фріланс — CI/CD, автоматизація деплою та інфраструктура для клієнтських проєктів через Upwork та Fiverr. Найновіший трек і той, що росте найшвидше.
#Контакт
відкритий до нових пропозицій — Halifax, Канада
Відкритий до Front‑End / Design Engineer / DevOps ролей — remote або hybrid.