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