El sitio bilingüe del fundador entrega texto y datos estructurados antes de ejecutar scripts

El problema

El fundador necesitaba reunir libros, textos, agenda de conferencias, investigación y plataformas educativas en un lugar público, en inglés y portugués. Editores, organizadores, escuelas y empresas consultan ese perfil antes del primer contacto. Los motores de búsqueda y de respuestas también necesitan acceder a los hechos.

Una aplicación que entrega únicamente un HTML vacío exige ejecutar JavaScript para mostrar el contenido. Este sitio necesitaba ofrecer texto y datos estructurados en la respuesta inicial, manteniendo la navegación de la aplicación en el navegador.

Qué se construyó

Un sitio de autor y conferencista en https://mrnascimento.com/, con nueve rutas públicas: inicio, writing, speaking, research, books, platforms, about, sobre y contact. Todas respondieron HTTP 200 el 24 de septiembre de 2026.

La página de libros presenta ambas ediciones, ISBN, enlaces de compra y el sitio que acompaña a la obra. El índice reúne 13 publicaciones en prensa, 4 preprints, 2 libros y 1 entrevista en podcast, con filtros por tipo e idioma. La página de conferencias incluye la agenda de 2026, seis temas, formatos y materiales para organizadores: retratos, biografías y ficha informativa.

La investigación reúne sistemas, preprints, modelos ajustados, actividad de revisión por pares e identificadores. La página de plataformas describe los dos productos educativos con resúmenes en portugués. About y sobre presentan la biografía en inglés y portugués. Contact reúne vías de contacto y respuestas a las consultas iniciales. Los archivos about.html y speaking.html son páginas imprimibles para prensa, cada una con sus propios datos estructurados.

Cómo funciona

El sitio publicado contiene un archivo HTML con tres partes disponibles antes de ejecutar scripts. La primera reúne metadatos: título, descripción, enlace canónico, etiquetas Open Graph y enlaces de identidad. La segunda es un grafo JSON-LD con 17 entidades: la persona, dos libros, tres eventos, ocho artículos, dos entradas de blog y un episodio de podcast. Las credenciales se anidan en la entidad de la persona. La tercera es un bloque de texto prerenderizado con presentación, biografía, libros, agenda, textos seleccionados y enlaces de identidad.

El alojamiento dirige las rutas al mismo archivo. La respuesta de books es idéntica, byte por byte, a la del inicio. En el navegador, la aplicación sustituye el bloque prerenderizado por la página completa y carga un módulo JavaScript por página. Un motor que no ejecuta JavaScript sigue recibiendo el texto y el grafo.

Sobre declara el idioma pt-BR; las rutas en inglés declaran en-GB. El build usa nombres de archivos con hash. Las reglas de alojamiento mantienen scripts, estilos e imágenes en caché inmutable durante un año.

Evidencias

Las verificaciones se realizaron sobre el sitio y los archivos publicados el 24 de septiembre de 2026. El grafo tiene 17 entidades con y sin JavaScript (hecho author-platform-06). El bloque prerenderizado contiene cuatro secciones bajo la biografía: libros, conferencias de 2026, textos seleccionados y otros perfiles (hecho author-platform-05).

Las nueve rutas y las dos páginas estáticas respondieron HTTP 200 (hechos author-platform-02, 03 y 11). El índice declara 20 elementos (hecho author-platform-09). El registro de publicación informa de 36 archivos en la versión del 3 de septiembre de 2026, publicada mediante Firebase CLI (hecho author-platform-13).

Tecnologías

React y React Router, con un módulo por página; Vite para el build; Tailwind CSS para estilos; Motion para animación. El HTML incluye texto prerenderizado y JSON-LD. Las fuentes son Instrument Serif, Instrument Sans y JetBrains Mono, servidas por Google Fonts. Firebase Hosting entrega los archivos y aplica el enrutamiento y las reglas de caché.

Qué demuestra

Definir. Atender a editores, organizadores, escuelas, empresas y motores que no ejecutan scripts. El criterio es verificable: los hechos deben estar en el HTML.

Instrumentar. Consultar la página sin JavaScript, contar las entidades y comparar las respuestas de dos rutas son verificaciones que otra persona puede repetir.

Integrar. Un archivo estático, enrutamiento de alojamiento y reglas de caché entregan el sitio sin un servidor de aplicación separado.

Transferir. El autor publica los archivos con un comando y el registro de publicación identifica qué se entregó y cuándo.