Розробка, підтримка та доробка сайтів на Angular

Сайт на Angular: коли він потребує не нової розробки, а підтримки

Angular зазвичай обирають для великих внутрішніх систем: кабінети, панелі керування, CRM-інтерфейси, B2B-портали. Такі проєкти живуть роками, команди змінюються, а фреймворк виходить у новій мажорній версії двічі на рік.

У результаті сайт на Angular працює, але його ніхто не наважується оновлювати: версія застаріла, документації немає. Ми беремо такі проєкти на підтримку, наводимо лад у збірці та оновленнях і розвиваємо далі.

Нову розробку на Angular теж робимо, але чесно радимо стек під задачу. Для публічного сайту, якому важливе SEO, часто краще підходить Next.js; якщо у вас інтерфейс на React чи Vue — дивіться сторінки React і Vue.

Як ми приймаємо Angular-проєкт від іншої команди

Крок 1. Доступи і бекап. Збираємо все, без чого проєкт не відновити.

• Репозиторій, CI, хостинг, ключі API.
• Копія коду і конфігурацій.

Крок 2. Аудит із письмовим звітом. Розбираємо, у якому стані проєкт.

• Версії Angular, Node.js, TypeScript, сторонніх бібліотек.
• Вразливості в залежностях, «костилі» і вимкнені перевірки.
• Список ризиків і пріоритетів.

Крок 3. Стабілізація. Спершу прибираємо те, що ламає роботу.

• Відтворюємо збірку на чистій машині.
• Виправляємо критичні помилки й вразливості.

Крок 4. Процес розробки. Щоб зміни не ламали продакшн.

• Git-flow, окремий staging, автоматична збірка і деплой.
• ESLint замість застарілого TSLint, базові тести на ключові сценарії.

Крок 5. План оновлень. Послідовність мажорних оновлень з оцінкою кожного кроку: що переписати, а що лишити.

Крок 6. Регулярна робота. Доробки й оновлення за графіком і звіт по годинах.

Стек

TypeScript, RxJS, Angular Material, NgRx, Node.js, Docker. Суміжні сторінки: React, Vue, Node.js.