¡Astro 4! ¡Astro 4!
¡Cheee! ¡Siii!
Si no sabes qué es Astro, pues te estás perdiendo la vida, la verdad.
Astro es un framework que cada vez tiene mejor pinta,
un framework que es agnóstico a la biblioteca, o sea, puedes utilizarlo con React,
lo puedes utilizar con Vue, con Svelte, con Solid o sin ninguno, lo cual está brutal.
Y te permite crear un montón de tipos de aplicaciones.
Por ejemplo, aplicaciones muy basadas en contenido, como blogs, landing pages y tal,
pero es que cada vez se le está poniendo mejor cara
y es que ya la puedes utilizar y crear para lo que te dé la gana.
Fijaos aquí que ya dice Web Applications and APIs,
o sea, ya te dice que lo puedes hacer con APIs enteras y tal.
Y lo bueno que tiene es el rendimiento, ¿ok? Así que, tremendo.
Astro 4.0. Ha salido el 5 de diciembre.
Además, me encanta, no sé si os pasa, toda la imagen que tiene normalmente con todo esto, ¿eh?
Salió Astro 4 y ya aprendió el 3.
Ahora se explicó esto porque mucha gente decía,
¡Ostras! Ya ha salido Astro 4, si hace poco ha salido Astro 3.
Ahora os lo explico por qué ha salido Astro 4,
si esto significa que K2x3 va a cambiar y tal.
Y a mí mi sensación es que no.
Y ahora os explico por qué han sacado la versión 4,
cuando a lo mejor hubiera tenido más sentido que hubiese sido la 3, ¿no?
¿Qué es lo que trae Astro 4.0, la nueva versión?
Bueno, una cosa que tiene muy buena pinta y que lo vamos a ver en algún momento
es el Astro DevTolbar.
Aquí tenemos Astro 4.0 introduces de DevTolbar,
una nueva forma súper poderosa de personalizar tu experiencia de desarrollo en local.
Y es que, ¡ojo! ¿Veis?
Os sale una barrita que le puedes dar a inspeccionar y te aparece el componente.
Me encanta, me encanta la experiencia esta.
Fijaos, inspeccionar y entonces ahí puedes ver la directiva que tiene,
las props que le estás pasando a ese componente.
O sea, súper genial.
No es una cosa nueva de Astro, que en todo el ojo entero ya se pone,
es que esto ya lo tiene.
No sé, creo que hace tiempo se lo vi a Vue o a Naxx, no me acuerdo.
Y me parece una idea buenísima.
Entonces, esto, al final la idea es que no sea muy intrusivo,
porque en total sale ahí abajo muy pequeño.
Y además también te ayuda para tener los errores de accesibilidad.
¿Ves?
Y ya te dice, mira, aquí te falta un atributo para el elemento imagen.
Bueno, pues me parece súper bien que te haga un audit.
Pero lo más interesante que vamos a tener con esto es que además vamos a tener
integraciones con aplicaciones de terceros.
O sea, imaginaos esto.
Tener un botón ahí que sea optimizar las imágenes o yo que sé,
darle a un botón y que te abra en un entorno, en una URL para compartir el localhost fuera.
Yo que sé, para testing, que te diga por ahí, que te diga cuántos tests han fallado.
Un montón.
O sea, vas a tener la posibilidad de crear integraciones de terceros,
lo cual está tremendo.
Y fíjate que vamos a poder crear el nuestro propio.
De hecho, ya estoy pensando ahí en ideas para ver qué lo podemos hacer.
Si no os gusta la barra, que yo entiendo que muchas veces no os gusta la barra,
porque esta barra me molesta, así no puedo programar.
No te preocupes, la puedes desactivar, ¿vale?
Puedes hacer que desaparezca con un comando.
Le das aquí a este comando,
Astro Preferences Disable,
DevTolver Global, ¿no?
Y ya con el Disable la desactivas.
Y con el Enable la vuelvas a activar.
Y esta es la, digamos, la visualmente más clara de novedad.
Pero viene otra novedad que es brutal y es la internacionalización.
Y 18N.
La internacionalización llega a Astro,
para que podáis hacer página web en inglés, en alemán, en español, en catalán,
en lo que queráis, ¿vale?
De forma totalmente integrada.
Ya no tenéis que utilizar ninguna biblioteca,
ni cosas raras,
cosa que a mí, por cierto, me irá bastante bien,
porque ya sabéis que Codenberg,
que lo tenemos en diferentes idiomas,
Codenberg, yo lo tengo hecho.
Codenberg está hecho con Astro,
si no me equivoco, no sé si era así.
O así, Lank, ¿eh?
Sí.
¿Ves?
Están diferentes idiomas.
Y esto yo lo hice a mano, lo hice a mano.
Pues con esto va a ser mucho más fácil hacerlo.
Y ya veis que es una configuración
que le dices cuál es el lenguaje por defecto
y cuáles son los que soportas.
Así que nada, tremendo.
Vamos a ver,
tengo que verme bastante bien la guía de internacionalización,
a ver qué ofrece, si hay algún método.
Porque sí que te ofrece métodos,
como para recuperar las URLs y tal,
pero entiendo que todavía habrá que hacer algo
para ser capaces de manejar el JSON y todo esto.
Pero bueno, algo es algo.
Luego, un tema de catching incremental,
que esto lo que hace es que las builds
sean todavía mucho más rápidas.
Fijaos que ha pasado esto de 133 segundos a 10 segundos.
Es experimental,
o sea que todavía no os volváis locos,
pero bueno, lo podéis probar,
a ver si funciona bastante bien.
Nuevas Transition APIs,
nuevas transiciones entre páginas,
donde podéis hacer más brutalidades.
Podéis hacer incluso View Transitions ahora con formularios,
prefetching,
podéis hacer un montón de cosas más.
Y luego lo que tenemos por aquí,
bueno, alguna documentación totalmente nueva
y ya está, parece.
Parece que ya está, ¿vale?
Parece que ya está.
Pero ¿qué pasa con esto?
¿Qué pasa con esto?
El tema es que he visto que la razón
por la que han pasado a la versión 4,
¿vale?
Aparte de que han quitado el experimental y todo esto,
es porque han actualizado a bit 5.0.
¿Qué pasa?
Que es verdad que eso es una dependencia interna,
pero tú imagínate que tú tienes Astro la 3.algo
y por lo que sea has personalizado la configuración de bit,
porque al final es una cosa que te permite Astro,
de utilizar plugins y lo que sea con bit
para cambiar ciertos comportamientos.
Claro, yo creo que se han visto forzados a pasar a Astro 4
porque también ha actualizado la versión 5 del empaquetador.
y esto lo que ha ocurrido es que hayan cambiado ciertas cosas,
como por ejemplo, pues algún plugin y todo esto.
Aparte, habrán aprovechado y habrán hecho más Breaking Changes,
pero fijaos que el más importante lo han puesto justamente arriba
y es el de bit 5.0.
Entonces, yo creo que han aprovechado que bit ha cambiado una nueva major,
han hecho una Breaking Change y ya está.
Eso es lo que ha pasado, ¿vale?
No es una cosa que creo que ahora cada tres meses
van a poner Astro 5, Astro 6 y todo esto.
Ojo con esto porque se vienen cositas.
Y es que la gente de Astro ha anunciado esto.
Dice, a new kind of database, ¿vale?
Y dice, import DB from Astro DB.
Ojo, eh.
Import DB from Astro DB.
Astro Studio.
Llega a principios del 2024.
Bueno, parece ser que la gente de Astro,
claro, es que es clave.
¿Qué es lo más natural que necesitas en una página web?
Una base de datos.
Una base de datos.
Y, de hecho, esto creo, si no os lo dije a vosotros,
se lo dije a alguien que os dije una base de datos
que seguro que no sé qué, que lo van a sacar, bla, bla.
Total, la base de datos.
Ya puedes crear APIs en Astro.
Pues tener la conexión con la base de datos ya sería la leche.
En este caso, van a hacer una base de datos
y mi apuesta es que cuando hablan de Astro Studio,
cuando hablan de Astro Studio,
yo creo que quieren algo parecido a crear un CMS.
Strapi.
Strapi es el más típico.
Yo creo que quieren crear un Strapi o un Payload CMS,
que le encanta a Feral.
Quieren crear esto y te lo quieren cobrar, obviamente.
Y la idea primero será tener la base de datos,
te la van a ofrecer en crudo
y luego te ofrecerán todo el tema de Strapi.
O sea, contener toda la interfaz, poder crear ahí...
O sea, la idea a largo plazo,
yo creo que va más a acercarse a WordPress,
que en otra cosa.
Yo lo veo así y me parece muy inteligente por su parte,
las cosas como son.
Para que os preparéis,
para que luego a mitad de año,
el año que viene, me digáis
¡Oh, no es verdad que han sacado su propio WordPress!
Os lo dije.
Os lo dije.
Y lo sabéis.