Кастомізація та розширення сайту на Astro.js
Про проєкт:
Стартова точка — базовий Astro-шаблон від клієнта. Завдання полягало в тому, щоб не просто натягнути новий дизайн по ТЗ, а суттєво розширити функціонал, оживити інтерфейс та налаштувати процеси для адекватної подальшої підтримки.
Що саме я зробив:
Фронтенд та масштабування: Переоформив існуючі блоки шаблону під нові вимоги. Зверстав та інтегрував 13 нових унікальних сторінок. Додав кастомні анімації, щоб сайт не виглядав статичним.
Форми та безпека: Написав нормальну валідацію даних для форм. Щоб відсіяти ботів і спам, прикрутив Cloudflare Turnstile замість стандартної дратівливої капчі.
Інфраструктура: Вся розробка велася з дотриманням чистого Git-флоу.
Автоматизація (CI) та типізація: Щоб проєкт не ламався в майбутньому і код був стабільним, налаштував CI-пайплайн. Тепер при кожному пуші автоматично проганяються тести білда та тайпчек TypeScript.
Результат:
На виході отримали швидкий і оптимізований багатосторінковий сайт. Завдяки строгій типізації та автоматизованим перевіркам, проєкт готовий до подальшого розвитку без ризику раптових багів на продакшені.
Стартова точка — базовий Astro-шаблон від клієнта. Завдання полягало в тому, щоб не просто натягнути новий дизайн по ТЗ, а суттєво розширити функціонал, оживити інтерфейс та налаштувати процеси для адекватної подальшої підтримки.
Що саме я зробив:
Фронтенд та масштабування: Переоформив існуючі блоки шаблону під нові вимоги. Зверстав та інтегрував 13 нових унікальних сторінок. Додав кастомні анімації, щоб сайт не виглядав статичним.
Форми та безпека: Написав нормальну валідацію даних для форм. Щоб відсіяти ботів і спам, прикрутив Cloudflare Turnstile замість стандартної дратівливої капчі.
Інфраструктура: Вся розробка велася з дотриманням чистого Git-флоу.
Автоматизація (CI) та типізація: Щоб проєкт не ламався в майбутньому і код був стабільним, налаштував CI-пайплайн. Тепер при кожному пуші автоматично проганяються тести білда та тайпчек TypeScript.
Результат:
На виході отримали швидкий і оптимізований багатосторінковий сайт. Завдяки строгій типізації та автоматизованим перевіркам, проєкт готовий до подальшого розвитку без ризику раптових багів на продакшені.