Ir para o conteúdo principal
Voltar para Trabalhos

PDF nativo reconstruído em 6 semanas.

6sem

de iframe a nativo

Sprint · 6 semanas · 2025

criaai.app.br

O Problema

O RedatorContencioso da CriaAI redige peças jurídicas com IA — e advogados precisam anotar, destacar e acompanhar páginas durante a redação. O visualizador anterior renderizava o PDF em um iframe. Os destaques saíam fora do lugar. O rastreamento de página quebrava ao rolar. O zoom piscava. Cada correção piorava a próxima.

Advogado não tem paciência para ferramenta engasgada. O produto exigia destaque pixel-perfeito, navegação fluida entre páginas e um zoom que não brigasse com o usuário — em documentos de poucas páginas até algumas centenas. Renderização por iframe não entrega nada disso de forma consistente.

A Abordagem

Sprint de escopo fechado focado na camada de interação com o PDF. Substituímos o iframe por um pipeline próprio com react-pdf + pdfjs renderizando direto no canvas. As marcações de destaque ficam ancoradas no documento, não na viewport. O rastreamento de página unifica rolagem e entrada manual em uma única máquina de estado.

Next.js 15 (Turbopack) com React 18, TypeScript estrito, Redux Toolkit para o estado do documento, Firebase para autenticação e persistência, Formik + Yup para validação de formulários. O resultado: um visualizador que responde à intenção do usuário no mesmo nível de um app nativo.

O Resultado

iframe→nativo
stack de PDF refeita
react-pdf
+ pipeline canvas pdfjs
1
máquina de estado para páginas

visualizador de PDF em iframe com destaques quebradospipeline canvas próprio com react-pdf

Advogados anotam documentos com a responsividade de app nativo, dentro do navegador. Os destaques ficam travados no documento. O zoom escala sem piscar. O rastreamento de página trata rolagem e saltos manuais como um único estado coerente. Casos extremos que derrubavam o visualizador anterior agora são comportamento padrão.

Comece um projeto parecido.

Fale conosco