Aprenda sobre sites
Sites estáticos ou com servidor precisam de hospedagem, domínio e cache. Veja como publicar, quanto custa e como deixar o site mais rápido.
Em destaque
- ConceitosO que é um site estático e onde hospedarSite estático é um conjunto de arquivos HTML, CSS e JavaScript prontos, entregues iguais a todos os visitantes. Veja como funciona, quando usar e onde hospedar.
- CustosQuanto custa hospedar um site?Hospedar um site custa de zero a algumas dezenas de dólares por mês. Veja o que entra na conta: hospedagem, domínio, tráfego e extras, com exemplos e limites.
- CustosQuanto custa hospedar um site estáticoHospedar um site estático custa de zero a algumas dezenas de dólares por mês na maioria dos casos. Veja como o tráfego define o preço, com a conta passo a passo.
Conceitos3
- O que é um site estático e onde hospedarSite estático é um conjunto de arquivos HTML, CSS e JavaScript prontos, entregues iguais a todos os visitantes. Veja como funciona, quando usar e onde hospedar.
- O que é um servidor web: Nginx, Apache e NodeServidor web é o software que recebe requisições HTTP e devolve páginas, arquivos ou respostas de API. Veja como funciona e quando usar Nginx, Apache ou Node.js.
- O que é hospedagem de site (e como funciona)Hospedagem de site é um servidor sempre ligado que guarda os arquivos do seu site e os entrega a quem acessa. Veja como funciona, os tipos e como escolher.
Passo a passo5
- Como hospedar um projeto Next.js fora do localhostPara hospedar um projeto Next.js, rode next build e next start num servidor com Node.js, ou gere um export estático. Veja passos, código e erros comuns.
- Como hospedar um app React (build, rotas e domínio)Para hospedar um app React feito com Vite, rode o build e publique a pasta dist em qualquer servidor de arquivos. Veja rotas, variáveis de ambiente e domínio.
- Como hospedar um site: guia para iniciantesPara hospedar um site, gere os arquivos finais, envie para um servidor que fica sempre ligado e aponte um endereço para ele. Veja o passo a passo completo.
- Como deixar seu site mais rápido (cache, CDN, imagens)Para acelerar um site, meça primeiro, depois otimize imagens, comprima texto, configure cache e use uma CDN. Veja o passo a passo com código e como verificar.
- Hospedar site com banco de dados: como funcionaUm site com banco de dados precisa de um back-end que conecte ao banco: o navegador nunca fala com ele. Veja a arquitetura e um exemplo com Node.js e PostgreSQL.
Problemas e erros3
- Site fora do ar: como descobrir o motivoSite fora do ar? Descubra se o problema é DNS, certificado, servidor ou código lendo o erro que aparece e seguindo a ordem certa de diagnóstico.
- Erro 404 ao recarregar uma SPA React/Vue depois do deployUma SPA React ou Vue dá 404 ao recarregar porque o servidor procura um arquivo na URL. Resolva com fallback para o index.html no nginx, Express, Apache ou Netlify.
- Erros HTTP 500, 502, 503 e 504: o que significam500 é falha no seu app, 502 é resposta inválida para o proxy, 503 é sobrecarga ou manutenção, 504 é timeout. Veja como diagnosticar e corrigir cada um.
Custos3
- Quanto custa hospedar um site?Hospedar um site custa de zero a algumas dezenas de dólares por mês. Veja o que entra na conta: hospedagem, domínio, tráfego e extras, com exemplos e limites.
- Quanto custa hospedar um site estáticoHospedar um site estático custa de zero a algumas dezenas de dólares por mês na maioria dos casos. Veja como o tráfego define o preço, com a conta passo a passo.
- Quanto custa hospedar um app Next.jsHospedar um app Next.js custa de zero, com export estático, a dezenas de dólares por mês com servidor. Veja como cada modelo cobra e os custos escondidos.
Comparações3
- Site estático ou dinâmico: diferenças e quando usar cada umSite estático entrega arquivos prontos, iguais para todos; site dinâmico gera a página a cada pedido. Compare velocidade, custo, segurança, SEO e quando usar.
- Hospedagem de sites vs hospedagem de aplicações (Node, Python, bots)Hospedagem de site entrega arquivos prontos. Hospedagem de aplicações mantém um processo rodando. Veja a diferença, a tabela e qual escolher para cada projeto.
- SSR, SSG e site estático: diferenças na hospedagemSSR gera o HTML a cada pedido, SSG gera no build e site estático é só arquivo pronto. Veja o que cada um exige de servidor, cache e custo na hospedagem.
Qual escolher3
- Melhor gerador de site estático: Astro, Hugo, Eleventy ou Next.jsAstro para sites de conteúdo com pouca interatividade, Hugo para milhares de páginas, Eleventy pela simplicidade e Next.js para quem já usa React.
- Melhor stack para o site de uma pequena empresaPara a maioria das pequenas empresas, um site estático com domínio próprio, HTTPS e contato por WhatsApp basta. Veja quando usar WordPress, construtor ou framework.
- Como escolher uma hospedagem (checklist sem marketing)Para escolher uma hospedagem, defina o tipo de projeto e confira RAM, HTTPS, domínio, logs, saída fácil e custo total. Veja o checklist e a escolha por cenário.