O site bilíngue do fundador entrega texto e dados estruturados antes de executar qualquer script

O problema

O fundador precisava reunir livros, textos, agenda de palestras, pesquisa e plataformas educacionais em um lugar público, em inglês e português. Editores, organizadores, escolas e empresas consultam esse perfil antes do primeiro contato. Mecanismos de busca e de respostas também precisam acessar os fatos.

Uma aplicação que entrega apenas um HTML vazio exige a execução de JavaScript para mostrar o conteúdo. Este site precisava oferecer texto e dados estruturados já na resposta inicial, mantendo a navegação da aplicação no navegador.

O que foi construído

Um site de autor e palestrante em https://mrnascimento.com/, com nove rotas públicas: início, writing, speaking, research, books, platforms, about, sobre e contact. Todas responderam HTTP 200 em 24 de setembro de 2026.

A página de livros apresenta as duas edições, ISBNs, links de compra e o site que acompanha a obra. O índice de textos reúne 13 publicações na imprensa, 4 preprints, 2 livros e 1 entrevista em podcast, com filtros de tipo e idioma. A página de palestras reúne a agenda de 2026, seis temas, formatos e materiais para organizadores: retratos, biografias e ficha de informações.

A pesquisa reúne sistemas, preprints, modelos ajustados, atividade de revisão por pares e identificadores. A página de plataformas descreve os dois produtos educacionais com resumos em português. About e sobre apresentam a biografia em inglês e português. Contact reúne caminhos de contato e respostas às dúvidas iniciais. Os arquivos about.html e speaking.html são duas páginas imprimíveis para imprensa, cada uma com seus próprios dados estruturados.

Como funciona

O site publicado contém um arquivo HTML com três partes disponíveis antes de executar scripts. A primeira reúne metadados: título, descrição, link canônico, tags Open Graph e links de identidade. A segunda é um grafo JSON-LD com 17 entidades: a pessoa, dois livros, três eventos, oito artigos, dois textos de blog e um episódio de podcast. As credenciais ficam aninhadas na entidade da pessoa. A terceira é um bloco de texto pré-renderizado com apresentação, biografia, livros, agenda, textos selecionados e links de identidade.

A hospedagem direciona as rotas ao mesmo arquivo. A resposta de books é idêntica, byte a byte, à resposta da página inicial. No navegador, a aplicação substitui o bloco pré-renderizado pela página completa e carrega um módulo JavaScript por página. Um mecanismo que não executa JavaScript ainda recebe o texto e o grafo.

Sobre declara o idioma pt-BR; as rotas em inglês declaram en-GB. O build usa nomes de arquivos com hash. As regras de hospedagem mantêm scripts, estilos e imagens em cache imutável por um ano.

Evidências

As verificações foram feitas no site e nos arquivos publicados em 24 de setembro de 2026. O grafo tem 17 entidades com e sem JavaScript (fato author-platform-06). O bloco pré-renderizado contém quatro seções abaixo da biografia: livros, palestras de 2026, textos selecionados e outros perfis (fato author-platform-05).

As nove rotas e as duas páginas estáticas responderam HTTP 200 (fatos author-platform-02, 03 e 11). O índice declara 20 itens (fato author-platform-09). O registro de publicação informa 36 arquivos na versão de 3 de setembro de 2026, publicada pelo Firebase CLI (fato author-platform-13).

Tecnologias

React e React Router, com um módulo por página; Vite para o build; Tailwind CSS para os estilos; Motion para animação. O HTML inclui texto pré-renderizado e JSON-LD. As fontes são Instrument Serif, Instrument Sans e JetBrains Mono, fornecidas pelo Google Fonts. O Firebase Hosting serve os arquivos e aplica o roteamento e as regras de cache.

O que demonstra

Definir. Atender editores, organizadores, escolas, empresas e mecanismos que não executam scripts. O critério é verificável: os fatos precisam estar no HTML.

Instrumentar. Buscar a página sem JavaScript, contar as entidades e comparar as respostas de duas rotas são verificações que outra pessoa pode repetir.

Integrar. Um arquivo estático, roteamento de hospedagem e regras de cache entregam o site sem um servidor de aplicação separado.

Transferir. O autor publica os arquivos com um comando, e o registro de publicação identifica o que foi entregue e quando.