Thinkmill es una consultora de ingeniería y diseño con sede en Sídney, Australia. Se especializan en construir productos digitales y sistemas de diseño con clientes que incluyen Atlassian y Westpac (uno de los Cuatro Grandes bancos de Australia).
Astro permitió a Thinkmill aumentar la productividad de su equipo eliminando complejidad y evitando la sobreingeniería. El enfoque de Astro amigable con HTML para el desarrollo web moderno significó que los desarrolladores podían contribuir cambios más fácilmente sin depender demasiado de JavaScript. Con Astro, Thinkmill pudo eliminar cuellos de botella y aumentó el número total de contribuidores en un proyecto de 1 a 15.
Desafíos
Thinkmill es una agencia ligeramente poco convencional. No tienen gerentes de proyecto y en su lugar están formados por un colectivo de diseñadores y desarrolladores a los que les gusta trabajar juntos. Bajo esta estructura, no es raro que personas de diferentes disciplinas trabajen juntas en las mismas partes de un proyecto, incluso si no es su especialidad. Aquí residía el mayor desafío de Thinkmill.
El equipo quería que los diseñadores y editores de contenido pudieran contribuir autónomamente al código. Sin embargo, su stack tecnológico anterior usaba Next.js porque al equipo le gustaba React. Esto dificultaba que los no desarrolladores y los desarrolladores con menos experiencia contribuyeran. Como resultado, actualizar el sitio web requería que el equipo solicitara la ayuda de un desarrollador senior. Esto sacaba al desarrollador de su estado de flujo y lo llevaba a un contexto completamente diferente, uno en el que tardarían tiempo en recopilar suficiente información para entregar el trabajo. También detendría el trabajo de la persona que inicialmente era responsable porque necesitaban desbloquearse.
Requisitos
Para mantener un sitio web que fuera fácil de usar tanto para desarrolladores con menos experiencia como para personas que no estaban familiarizadas con el código, Thinkmill necesitaba una solución que fuera simple.
Simon Swiss, Developer Advocate en Thinkmill, abogó firmemente por que el equipo usara Astro porque estaba extremadamente bien documentado. Cualquiera que quisiera incorporarse al sitio web podía mejorar sus habilidades fácilmente para empezar a contribuir. Los desarrolladores no seniors podían gestionar el sitio solo con HTML y CSS mientras que los desarrolladores seniors que preferían React podían sentirse en casa con la sintaxis JSX. Astro también incluía características de contenido muy deseables como soporte MDX, resaltado de sintaxis y paginación listas para usar, por lo que Thinkmill no tuvo que construir esas características.
“Astro parecía alcanzar ese punto ideal de simplicidad de uso sin comprometer el poder que ofrece a los desarrolladores. La documentación y la comunidad amigable fueron dos grandes factores que nos hicieron elegir Astro.”
El equipo tampoco estaba seguro de si iban a quedarse con la solución que eligieron. Esto hizo absolutamente necesario que la solución fuera flexible en caso de que necesitaran cambiarla más adelante. Astro permitió a Thinkmill soportar sus archivos MDX heredados directamente. Al mismo tiempo, si Thinkmill alguna vez quería migrar a un CMS headless o incluso usar una API, podía hacerlo.
Astro terminó siendo una herramienta tan simple y flexible que el equipo la convirtió en una solución permanente.
Solución e Implementación
Cuando se le preguntó cuáles eran las dos cosas más ventajosas de Astro, Simon citó la sólida documentación y la facilidad de entrada para ingenieros no seniors.
Según Simon, Astro era fácil de explicar a ambos lados. Los ingenieros de React encontraron Astro familiar por la sintaxis JSX y no era un gran salto para desarrolladores que solo conocían HTML y CSS. Astro se sentía como usar HTML con capacidades JSX, lo que a todo el equipo le encantó.
El equipo aprovechó mucho los componentes de Astro en su sitio, tratándolo casi como un proyecto de React pero sin ninguna de la complejidad que React puede traer. Tan pronto como se lanzaron las colecciones de contenido, el equipo de Simon empezó a usarlas. Las colecciones de contenido incluso permitieron a Thinkmill combinar Astro con Keystatic, su herramienta de gestión de contenido, para hacer que las colecciones de contenido fueran editables en una interfaz gráfica.
“Astro es un cambio radical para equipos multifuncionales. Su simplicidad ha abierto la puerta a una forma de trabajar más inclusiva que lleva a los diseñadores al corazón de las contribuciones de código a nuestro repositorio del sitio web.”
Resultados
Fricción Reducida
Thinkmill pasó de necesitar un desarrollador senior para hacer cambios en el sitio web a tener 4 ingenieros de diseño no seniors gestionando activamente el sitio hoy. Además, cerca de 15 personas han contribuido al código fuente del sitio web de Thinkmill, incluyendo diseñadores y desarrolladores.
Antes de Astro, era difícil para las personas unirse al proyecto del sitio web durante varios días debido al tiempo necesario para obtener suficiente contexto para contribuir. Sin embargo, con Astro, la herramienta es tan simple, bien documentada y flexible que las personas pueden unirse a un proyecto de Astro y ser productivas en 3-4 días.
Mejoras de Rendimiento
Thinkmill pasó su sitio de Astro por Unlighthouse, que ejecuta cada página a través de Lighthouse. Casi todas las páginas obtuvieron 100 en rendimiento, mejores prácticas, SEO y accesibilidad.
