Atualizado em 6 de out. de 2026

## Como publico um build do Vite ou React sem servidor?

Para publicar uma build do Vite ou React, rode npm run build, compacte a pasta de saída (dist/, build/ ou out/) e envie no uploader acima. Descompactamos, encontramos seu index.html e servimos cada arquivo com o tipo de conteúdo correto em uma URL limpa, assets com hash em cache agressivo, rotas do lado do cliente funcionando, domínio próprio e SSL no Pro, sem CI e sem configuração de deploy.

### Sua build já é um site estático

Uma build de front-end moderna é, por design, uma pasta de arquivos estáticos. Vite, Create React App, Vue CLI, o adaptador estático do SvelteKit e Astro emitem um index.html mais bundles com fingerprint. Compactar essa pasta e enviá-la aqui é o caminho mais curto de npm run build a uma URL pública, sem CI e nada para instalar.

[Hospede um site estático](https://linkinseconds.com/pt/host-static-website)

### Roteamento do lado do cliente que funciona

Apps de página única roteiam no navegador: /dashboard e /settings são tratados pelo React Router ou Vue Router, não por arquivos HTML separados. Ative o modo de aplicação de página única e caminhos desconhecidos fazem fallback para index.html com 200, então links diretos e recarregamentos funcionam em vez de retornar 404.

### Assets com hash em cache forte, HTML nunca desatualizado

Bundles com hash de conteúdo são servidos com cache imutável de um ano, então visitas repetidas são instantâneas, enquanto seu index.html é servido sem cache para que um novo upload apareça imediatamente. Publique uma nova build enviando um novo ZIP; a URL permanece a mesma e os visitantes recebem a nova versão no próximo carregamento.

[Publique um ZIP HTML](https://linkinseconds.com/pt/publish-html-zip)

### No seu próprio domínio, com SSL

Uma build em uma URL aleatória serve para prévia, mas um app real precisa de um endereço real. No Pro, conecte seu domínio ou subdomínio e provisionamos HTTPS automaticamente, sem configuração de certificado nem renovações. Isso torna este um lar legítimo para um pequeno front-end de produção: uma ferramenta interna, um site de marketing, um app de documentação, uma entrega para cliente.

[Hospedagem HTML](https://linkinseconds.com/pt/html-hosting)

### O que publicar uma build aqui não faz

Sem servidor, sem rotas de API, sem banco de dados. Isso serve seus arquivos estáticos compilados e nada mais, então qualquer coisa que precise de um servidor em execução em tempo de requisição fica fora do escopo.

Sem renderização no servidor por requisição. Componentes de servidor do Next.js renderizados por requisição, endpoints do SvelteKit e segredos de servidor precisam de uma plataforma que execute esse servidor; em vez disso, exporte uma build totalmente estática.

Sem etapa de build do nosso lado. Envie a saída compilada, não seu código-fonte; um projeto sem build não renderizará, e avisaremos se não encontrarmos um index.html. Seu ZIP pode ter até 250 MB com uma conta gratuita e 500 MB no Pro.

## Como funciona

- 1 ### Construa seu app Rode sua build de produção, npm run build para Vite/React/Vue/Svelte, ou o equivalente da sua ferramenta. Ela gera uma pasta de arquivos estáticos: um index.html, JavaScript e CSS com hashes em uma pasta assets/, e suas imagens e fontes. Essa pasta é um site estático completo.

- 2 ### Compacte a saída e envie Compacte a saída da build, dist/ para Vite, build/ para Create React App, ou out/ para uma exportação estática, em um .zip e arraste para o card. Descompactamos, encontramos seu index.html e servimos cada arquivo com o tipo de conteúdo correto, então não precisa ser exato com a pasta.

- 3 ### Ative o modo SPA e adicione seu domínio Se seu app usa roteamento do lado do cliente, ative o modo de aplicação de página única para que links diretos resolvam para seu index.html em vez de retornar 404. No Pro, conecte seu próprio domínio com SSL automático. Envie novamente após sua próxima build para publicar uma atualização na mesma URL.

## Sua build já é um site estático

Uma build de front-end moderna é, por design, uma pasta de arquivos estáticos, esse é o ponto central da etapa de build. Vite, Create React App, Vue CLI, o adaptador estático do SvelteKit e Astro todos emitem um index.html mais bundles de JS/CSS com fingerprint e seus assets. Nenhum servidor é necessário para servi-los; você só precisa de um lugar para colocar os arquivos. Compactar essa pasta e enviá-la aqui é o caminho mais curto de npm run build até uma URL pública, sem CI, sem configuração de deploy e nada para instalar.

## Compacte dist/ (ou build/, ou out/), nós encontramos

Diferentes ferramentas nomeiam a pasta de saída de formas distintas: Vite escreve dist/, Create React App escreve build/, uma exportação estática de Next ou Nuxt escreve out/, Jekyll e 11ty escrevem _site/ e public/. Você não precisa lembrar qual, se seu ZIP contiver uma dessas pastas (ou uma pasta envolvente ao compactar pelo desktop), detectamos a raiz web real e servimos a partir dela. Compacte a saída da build em vez do código-fonte; enviar um projeto sem build não renderizará, e avisaremos se não encontrarmos um index.html.

## Roteamento do lado do cliente que realmente funciona

Apps de página única roteiam no navegador: /dashboard e /settings são tratados pelo React Router ou Vue Router, não por arquivos HTML separados. Isso significa que um visitante que abre um link direto, ou atualiza em uma página interna, precisa que o servidor devolva index.html para que seu router assuma o controle. Ative o modo de aplicação de página única e é exatamente isso que acontece: caminhos desconhecidos fazem fallback para index.html com 200, então recarregamentos e links diretos compartilhados funcionam em vez de retornar 404. Deixe desativado para um site multipágina comum e caminhos desconhecidos retornam um 404 real (ou seu próprio 404.html).

## Assets com hash em cache agressivo, HTML nunca desatualizado

Boas ferramentas de build fazem fingerprint nos seus bundles, app.4f3a9c2b.js, exatamente para que possam ser cacheados para sempre. Respeitamos isso: assets com hash de conteúdo são servidos com cache imutável de um ano, então visitas repetidas são instantâneas, enquanto seu index.html é servido sem cache para que um novo upload apareça imediatamente. Você obtém o desempenho do cache agressivo sem a armadilha clássica de um arquivo HTML desatualizado apontando para bundles que não existem mais. Publique uma nova build enviando um novo ZIP; a URL permanece a mesma e os visitantes recebem a nova versão no próximo carregamento.

## No seu próprio domínio, com SSL

Uma build hospedada em uma URL aleatória serve para prévia, mas um app real precisa de um endereço real. No Pro, conecte seu domínio ou subdomínio e provisionamos HTTPS automaticamente, sem configuração de certificado, sem renovações. Isso torna este um lar legítimo para um pequeno front-end de produção: uma ferramenta interna, um site de marketing, um app de documentação, uma entrega para cliente. Tudo o que o navegador precisa para rodar seu app é servido corretamente; simplesmente não há backend, que é o limite honesto da hospedagem estática.

## Somente estático, onde um backend é necessário, este não é o lugar

Isso serve seus arquivos estáticos compilados e nada mais: sem renderização no servidor por requisição, sem rotas de API, sem banco de dados. Se seu app chama uma API externa do navegador via HTTPS, isso continua funcionando. Se depende de código de servidor, componentes de servidor do Next.js renderizados por requisição, endpoints do SvelteKit, segredos de ambiente lidos no servidor, você precisa de uma plataforma que execute esse servidor, e deve exportar uma build totalmente estática ou hospedar em outro lugar. Dito claramente: traga sua saída compilada e tenha uma hospedagem estática rápida; traga um app dependente de servidor e a hospedagem estática é a ferramenta errada.

index.htmlHTML

dist.zipZIP

app.4f3a9c.jsHTML

dashboard-routeHTML

build.zipZIP

index.htmlHTML

dist.zipZIP

app.4f3a9c.jsHTML

dashboard-routeHTML

build.zipZIP

index.htmlHTML

dist.zipZIP

app.4f3a9c.jsHTML

dashboard-routeHTML

build.zipZIP

index.htmlHTML

dist.zipZIP

app.4f3a9c.jsHTML

dashboard-routeHTML

build.zipZIP

landing-pageHTML

settings-routeHTML

out.zipZIP

docs-appHTML

styles.a1b2.cssHTML

landing-pageHTML

settings-routeHTML

out.zipZIP

docs-appHTML

styles.a1b2.cssHTML

landing-pageHTML

settings-routeHTML

out.zipZIP

docs-appHTML

styles.a1b2.cssHTML

landing-pageHTML

settings-routeHTML

out.zipZIP

docs-appHTML

styles.a1b2.cssHTML

2,500+

pessoas compartilhando arquivos

5,000+

links compartilhados

17,000+

aberturas

Continue lendo

[Hospedar HTML criado com IA](https://linkinseconds.com/pt/host-ai-generated-html)[Hospede um site estático](https://linkinseconds.com/pt/host-static-website)[Publique um ZIP HTML](https://linkinseconds.com/pt/publish-html-zip)[Hospedagem HTML](https://linkinseconds.com/pt/html-hosting)[Alternativa ao Tiiny Host](https://linkinseconds.com/pt/tiiny-host-alternative)

Source: https://linkinseconds.com/pt/deploy-vite-react-build
