Por qué migramos de Next.js a Astro.js

El fondo

Nuestro sitio web utiliza una serie de componentes comunes a muchos sitios: navegación coherente con encabezados y pies de página, variaciones de héroes de página, divisiones de contenido 50/50, diseños en tres partes, componentes basados en búsquedas como entradas recientes en el blog, búsqueda estándar con filtros de facetas, formularios y mucho más. Esto lo convirtió en un campo de pruebas ideal para evaluar nuevas tecnologías.

Originalmente, el sitio se creó con Next.js. Entonces, ¿por qué decidimos reconstruirlo con Astro.js, aunque el contenido siguiera siendo el mismo? Sencillamente, nos intrigaba lo que ofrecía Astro.js, pero queríamos asegurarnos de que realmente merecía la pena antes de recomendárselo a nuestros clientes.

Lo que nos gustó de Astro.js

1. Separación clara entre JavaScript del lado del servidor y del lado del cliente

Astro.js ofrece una separación muy clara entre el lado del servidor y el lado del cliente. En Astro, la lógica JavaScript del lado del servidor se coloca normalmente en la parte superior del archivo .astro, seguida de elementos HTML para la presentación y, si es necesario, se puede añadir JavaScript del lado del cliente en la parte inferior. Esta separación limpia hace que sea más fácil y más rápido para los desarrolladores construir páginas y componentes.

2. Soporte para múltiples frameworks

Astro.js soporta múltiples frameworks con integraciones directas, por lo que es una opción flexible si necesitas componentes reactivos del lado del cliente. En el momento de escribir esto, las integraciones están disponibles para React, Vue, Angular, Svelte, y más. Para obtener una lista completa de las integraciones actuales, visita la Guía de integraciones de Astro. Durante nuestra migración, convertimos nuestros componentes de búsqueda y basados en formularios de Next.js a componentes React dentro de Astro, y el proceso fue sencillo.

3. Curva de aprendizaje más corta

Astro.js tiene una curva de aprendizaje más corta, lo que facilita la incorporación de desarrolladores con conocimientos básicos de JavaScript, incluso si tienen experiencia limitada con frameworks. Para los desarrolladores que ya están familiarizados con frameworks como React, Vue o Angular, la transición a Astro.js es rápida. En comparación, Next.js requiere una sólida comprensión de React, y pasar de React a Next.js implica una curva de aprendizaje adicional.

Nuestra conclusión

En nuestra opinión, la mayoría de los nuevos proyectos que comienzan hoy deben considerar Astro.js como su marco de renderizado del lado del servidor. Su arquitectura limpia, flexibilidad y facilidad de uso lo convierten en una opción convincente.

Por qué algunas organizaciones podrían quedarse con Next.js

Sin embargo, hay razones válidas por las que algunas organizaciones podrían optar por Next.js:

1. Ecosistema y comunidad establecidos: Next.js existe desde hace más tiempo y cuenta con una comunidad y un ecosistema más amplios. Esto significa que hay más plugins, herramientas y conocimientos compartidos disponibles.

2. Inversión existente en Next.js: Si su organización ya ha invertido mucho en Next.js, con procesos establecidos, bibliotecas de componentes y experiencia de los desarrolladores, cambiar a Astro.js a mitad de proyecto puede que no merezca la pena. En tales casos, puede ser mejor considerar Astro.js para futuros proyectos en lugar de interrumpir el trabajo en curso.

En resumen, aunque Astro.js ofrece ventajas significativas para muchos casos de uso, la decisión de cambiar depende de las necesidades específicas de tu proyecto y de la experiencia e infraestructura existentes de tu equipo.