Trae datos desde APIs de forma robusta y decide qué se resuelve en build y qué en tiempo de petición.
En Astro, el fetch puede ejecutarse en el servidor durante build o durante request según el modo de render.
Esto te da flexibilidad para construir páginas ultrarrápidas con datos estables o páginas dinámicas con datos frescos.
No se trata de hacer fetch en cualquier lugar, sino de ubicarlo donde tenga sentido de coste y negocio.
También es importante gestionar fallos de red y estados vacíos para no romper la experiencia del usuario.
La mejor ubicación depende del tipo de dato y su frecuencia de cambio.
Si el dato cambia poco, resolverlo en build reduce latencia y simplifica infraestructura.
Si el dato cambia constantemente, conviene render dinámico o estrategias híbridas.
Siempre contempla fallback visual para errores y vacíos de datos.
Un fetch útil incluye validación mínima y manejo de errores.
Trae datos desde APIs de forma robusta y decide qué se resuelve en build y qué en tiempo de petición.
Código del tema: Componentes Astro + render hibrido
La mejor ubicación depende del tipo de dato y su frecuencia de cambio.
Si el dato cambia poco, resolverlo en build reduce latencia y simplifica infraestructura.
Si el dato cambia constantemente, conviene render dinámico o estrategias híbridas.
Siempre contempla fallback visual para errores y vacíos de datos.
Un fetch útil incluye validación mínima y manejo de errores.
const res = await fetch('https://api.example.com/posts');
if (!res.ok) {
throw new Error(`Error HTTP: ${res.status}`);
}
const posts = await res.json();