Prerenderizado del cliente experimental

Type: boolean
Default: false

Añadido en: astro@4.2.0

Habilita el prerenderizado de tus páginas con prefetch en el cliente en navegadores soportados.

Esta funcionalidad usa la Speculation Rules Web API experimental y mejora el comportamiento por defecto de prefetch globalmente para prerenderizar enlaces en el cliente. Puede que quieras revisar los posibles riesgos al prerenderizar en el cliente antes de habilitar esta funcionalidad.

Habilita el prerenderizado del lado del cliente en tu astro.config.mjs junto con cualquier opción de configuración de prefetch deseada:

astro.config.mjs

import { defineConfig } from 'astro/config';

export default defineConfig({
  prefetch: {
    prefetchAll: true,
    defaultStrategy: 'viewport',
  },
  experimental: {
    clientPrerender: true,
  },
});

Continúa usando el atributo data-astro-prefetch en cualquier enlace <a /> de tu sitio para optar al prefetch. En lugar de añadir una etiqueta <link> al head del documento o fetchear la página con JavaScript, se añadirá una etiqueta <script> con las speculation rules correspondientes.

El prerenderizado del lado del cliente requiere soporte del navegador. Si la Speculation Rules API no es soportada, prefetch hará fallback a la estrategia soportada.

Consulta la Guía de Prefetch para más opciones y uso de prefetch.