Paso 4

Datos con load()

load es un objeto literal, no una función — Nexa Core nunca ejecuta JavaScript del desarrollador, solo lo analiza. Declara una URL, y el resultado queda disponible como data dentro de la página.

Declarar load

export const load = { url: "/products/:slug" };

:slug se sustituye por el parámetro real de la ruta antes de pedir la URL contra NEXA_API_URL.

Usar los datos

export default function ProductPage() {
    return (
        <article>
            <h1>{data.name}</h1>
            <p>{data.price}</p>
        </article>
    );
}

data.* está disponible en el cuerpo JSX, en seo y en schema — resuelto en tiempo de build o al vuelo, según el comando.

Pre-renderizar rutas dinámicas

export const paths = { url: "/products" };
// nexa build pide /products, espera [{"slug":"iphone-17"}, ...]
// y genera dist/products/iphone-17/index.html real

Si la página también declara paths (misma forma que load), nexa build pide esa lista y genera un index.html real por cada combinación — HTML estático de verdad, sin servidor Nexa corriendo en producción.