Thinkmill — консалтинг по инженерии и дизайну из Сиднея, Австралия. Они специализируются на цифровых продуктах и дизайн- системах; среди клиентов — Atlassian и Westpac (один из Big Four банков Австралии).
Astro помогла Thinkmill повысить продуктивность команды, убрав сложность и избегая over-engineering. HTML-дружественный подход Astro к современной веб-разработке позволил разработчикам вносить изменения проще, без чрезмерной зависимости от JavaScript. С Astro Thinkmill убрала узкие места и увеличила число контрибьюторов проекта с 1 до 15.
Проблемы
Thinkmill — слегка нетипичное агентство. Здесь нет project manager’ов; вместо этого коллектив дизайнеров и разработчиков, которым нравится работать вместе. В такой структуре нередко люди разных дисциплин работают над одними и теми же частями проекта — даже если это не их сильная сторона. В этом и была главная проблема Thinkmill.
Команда хотела, чтобы дизайнеры и редакторы контента могли самостоятельно вносить вклад в кодовую базу. Но прежний стек был на Next.js, потому что команде нравился React. Это затрудняло участие для не-разработчиков и менее опытных разработчиков. В итоге обновление сайта требовало помощи senior-разработчика. Это выбивало разработчика из flow и переключало в совсем другой контекст — на сбор достаточного контекста для работы уходило время. И останавливало того, кто изначально отвечал за задачу, потому что ему нужно было разблокироваться.
Требования
Чтобы сайт был удобен и для менее опытных разработчиков, и для людей, далёких от кода, Thinkmill нужно было простое решение.
Simon Swiss, Developer Advocate в Thinkmill, настойчиво рекомендовал Astro: документация была на высоте. Любой, кто хотел подключиться к сайту, мог быстро подтянуть навыки и начать контрибьютить. Не-senior разработчики могли вести сайт на HTML и CSS, а senior, предпочитающие React, чувствовали себя как дома с JSX-синтаксисом. В Astro из коробки были нужные контентные возможности — поддержка MDX, подсветка синтаксиса и пагинация — и Thinkmill не пришлось строить их самим.
«Astro попал в ту sweet spot — простота использования без потери мощи для разработчиков. Документация и дружелюбное сообщество — два больших фактора, из-за которых мы выбрали Astro».
Команда также не была уверена, что останется на выбранном решении. Поэтому важна была гибкость на случай, если придётся сменить стек. Astro позволила Thinkmill сразу поддерживать legacy MDX-файлы. И если бы понадобился headless CMS или API — это тоже было возможно.
Astro оказался настолько простым и гибким инструментом, что команда сделала его постоянным решением.
Решение и внедрение
Когда спросили о двух самых выгодных сторонах Astro, Simon назвал сильную документацию и низкий порог входа для не-senior инженеров.
По словам Simon, Astro было легко объяснить обеим сторонам. React-инженерам Astro был знаком из-за JSX, а для тех, кто знал только HTML и CSS, переход был несложным. Astro ощущался как HTML с возможностями JSX — и это понравилось всей команде.
Команда активно использовала Astro-компоненты на сайте — почти как React-проект, но без сложности, которую может принести React. Как только вышли content collections, команда Simon начала их использовать. Content collections даже позволили связать Astro с Keystatic — их CMS — и редактировать коллекции через GUI.
«Astro меняет правила для кросс-функциональных команд. Его простота открыла более инклюзивный способ работы и вовлекла дизайнеров в контрибьюты в репозиторий нашего сайта».
Результаты
Меньше трения
Thinkmill перешла от сценария «для изменений на сайте нужен senior-разработчик» к четырём не-senior design engineer’ам, которые сегодня активно ведут сайт. Кроме того, к исходному коду сайта Thinkmill внесли вклад около 15 человек — и дизайнеры, и разработчики.
До Astro людям было сложно подключиться к проекту сайта несколько дней — нужно было набрать достаточно контекста. С Astro инструмент настолько прост, хорошо задокументирован и гибок, что в проект можно войти и стать продуктивным за 3–4 дня.
Прирост производительности
Thinkmill прогнала Astro-сайт через Unlighthouse, который прогоняет каждую страницу через Lighthouse. Почти на каждой странице — 100 баллов по performance, best practices, SEO и accessibility.
