Implantar no Netlify

O Netlify oferece uma excelente hospedagem de sites estáticos, com um plano gratuito generoso.

Implantação com Um Clique

Implantação Manual

Passo 1: Conecte o Repositório

1. Faça login no Netlify
2. Clique em "Add new site" → "Import an existing project"
3. Conecte sua conta do GitHub
4. Selecione seu fork do BentoPDF

Passo 2: Configure as Opções de Compilação

Configuração	Valor
Build command	npm run build
Publish directory	dist
Node version	18+

Passo 3: Implante

Clique em "Deploy site" e aguarde a compilação.

Arquivo de Configuração

Crie o netlify.toml na raiz do seu projeto:

[build]
  command = "npm run build"
  publish = "dist"

[build.environment]
  NODE_VERSION = "18"

# Required security headers for SharedArrayBuffer (used by LibreOffice WASM)
[[headers]]
  for = "/*"
  [headers.values]
    Cross-Origin-Embedder-Policy = "require-corp"
    Cross-Origin-Opener-Policy = "same-origin"
    Cross-Origin-Resource-Policy = "cross-origin"

# Pre-compressed LibreOffice WASM binary - must be served with Content-Encoding
[[headers]]
  for = "/libreoffice-wasm/soffice.wasm.gz"
  [headers.values]
    Content-Type = "application/wasm"
    Content-Encoding = "gzip"
    Cache-Control = "public, max-age=31536000, immutable"

# Pre-compressed LibreOffice WASM data - must be served with Content-Encoding
[[headers]]
  for = "/libreoffice-wasm/soffice.data.gz"
  [headers.values]
    Content-Type = "application/octet-stream"
    Content-Encoding = "gzip"
    Cache-Control = "public, max-age=31536000, immutable"

# Cache other WASM files
[[headers]]
  for = "*.wasm"
  [headers.values]
    Cache-Control = "public, max-age=31536000, immutable"
    Content-Type = "application/wasm"

# SPA routing
[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

Importante

Os cabeçalhos Cross-Origin-Embedder-Policy e Cross-Origin-Opener-Policy são necessários para as conversões de Word/ODT/Excel/PowerPoint para PDF. Sem eles, o SharedArrayBuffer fica indisponível e o mecanismo LibreOffice WASM não consegue inicializar.

Os cabeçalhos Content-Encoding: gzip nos arquivos .wasm.gz e .data.gz instruem o navegador a descompactá-los automaticamente. Sem eles, o navegador recebe bytes gzip brutos e a compilação do WASM falha.

Variáveis de Ambiente

Defina estas em Site settings → Environment variables:

Variável	Descrição
SIMPLE_MODE	Defina como true para uma compilação mínima
VITE_BRAND_NAME	Nome de marca personalizado (substitui "BentoPDF")
VITE_BRAND_LOGO	Caminho do logotipo relativo a public/ (ex.: images/my-logo.svg)
VITE_FOOTER_TEXT	Texto personalizado de rodapé/direitos autorais
VITE_DEFAULT_LANGUAGE	Idioma padrão da interface (ex.: fr, de, es)

Domínio Personalizado

1. Acesse Site settings → Domain management
2. Clique em "Add custom domain"
3. Siga as instruções de configuração de DNS

Large Media

Para arquivos WASM grandes, considere ativar o Netlify Large Media:

netlify lm:setup
git lfs track "*.wasm"

Solução de Problemas

Conversão de Word/ODT/Excel para PDF Travada em 55%

Se as conversões de documentos travarem em 55%, abra o Console do DevTools e verifique:

console.log(window.crossOriginIsolated); // should be true
console.log(typeof SharedArrayBuffer); // should be "function"

Se crossOriginIsolated for false, os cabeçalhos COEP/COOP do seu netlify.toml não estão sendo aplicados. Confirme que o arquivo está na raiz do projeto e implante novamente.

Se você vir expected magic word 00 61 73 6d, found 1f 8b 08 08 no console, os arquivos .wasm.gz estão sem os cabeçalhos Content-Encoding: gzip. Confirme que os blocos [[headers]] de soffice.wasm.gz e soffice.data.gz estão no seu netlify.toml.

A Compilação Falha

Verifique a compatibilidade da versão do Node:

[build.environment]
  NODE_VERSION = "20"

Carregamento Inicial Lento

Ative a otimização de ativos em Site settings → Build & deploy → Asset optimization.