Onde hospedar um site feito com HTML/CSS/JS?

Introdução

HTML, CSS e JavaScript são linguagens da Web, elas são responsáveis por definir a parte front-end em um site ou aplicação web.

De forma breve, é possível entender o papel de cada uma dessas tecnologias na criação dos sites: o HTML fica responsável pela estrutura e semântica do documento, enquanto o CSS fica responsável pela aparência e os estilos da página. Já o JavaScript, ajuda a tornar esses documentos mais dinâmicos, adicionando funcionalidades baseadas em eventos do navegador.

Aqui no Maujor, você conta com várias dicas de HTML, CSS e JS, e é possível criar um site funcional apenas com essas tecnologias. Mas se em algum momento for necessário disponibilizar o site na Internet, será necessário encontrar um lugar para hospedá-lo.

Existem vários serviços que disponibilizam a hospedagem de sites de forma gratuita. Aqui vão algumas opções para hospedar sites estáticos, feitos com HTML/CSS/JS.

GitHub Pages

O GitHub Pages é um serviço do GitHub, que permite a hospedagem de sites utilizando HTML/CSS/JS de forma gratuita. Basta enviar os arquivos para o repositório e seguir as instruções dadas pelo GitHub.

O processo é muito simples, mas se você já conhece o Git, então trabalhar com o GitHub Pages ficará ainda mais fácil. Se ainda não conhece, essa é uma boa oportunidade de aprender a usar a ferramenta, que é padrão de mercado quando se trata de controle de versões em desenvolvimento web e aplicações em geral.

Embora o GitHub Pages seja uma excelente opção para sites estáticos, ele não dá suporte a linguagens de back-end, como PHP, Ruby, Python. Os sites hospedados no GitHub Pages também estão sujeitos a alguns limites, algo que não deve ser um problema a menos que o seu site se torne extremamente popular.

GitLab Pages

Assim como o GitHub, o GitLab também oferece um serviço para hospedagem de sites estáticos, que utilizam somente HTML/CSS/JS. O processo para o envio dos arquivos é semelhante ao do GitHub, e o processo é bem explicado na documentação do GitLab. No entanto, o processo não é tão intuitivo quanto no GitHub, e isso pode ser um impedimento para quem não está familiarizado com o Git.

Diferente do GitHub Pages, o GitLab não possui tantos limites nos sites hospedados, como limites de banda. Para os sites hospedados no GitLab Pages existe somente o limite de 1GB para os arquivos da página e até 10GB para os arquivos do repositório de forma geral.

BitBucket Pages

O BitBucket também oferece uma hospedagem gratuita para sites estáticos, o BitBucket Pages. Para publicar o site no BitBucket Pages, é necessário criar um repositório e enviar os arquivos HTML/CSS/JS.

O processo para a configuração e utilização do BitBucket Pages está descrito na documentação da plataforma. Assim como no GitLab Pages, o processo de publicação das páginas não é tão intuitivo quanto no GitHub, e pode exigir maior familiaridade com o Git e a plataforma do BitBucket.

As páginas hospedadas no BitBucket Pages ficam em cache no servidor por 15 minutos, logo, você terá que esperar um pouco para visualizar as mudanças no site depois de enviado. O BitBucket não informa limites de armazenamento ou banda para o BitBucket Pages especificamente, mas consideração os limites do próprio repositório conclui-se que é de 1GB.

Hospedagem para Sites Estáticos

Se você quer hospedar um site estático, existem alguns serviços criados especialmente para hospedar sites que utilizam somente arquivos HTML/CSS/JS. Esses serviços são conhecidos como serviços de hospedagem para sites estáticos, e podem ser utilizados para sites estáticos e aplicações Web em JavaScript.

Surge

O Surge disponibiliza a hospedagem de sites estáticos com domínio personalizado e certificado SSL de forma gratuita. Para quem quer hospedagem um site estático simples, a plataforma da Surge é uma excelente opção.

Embora a utilização do Surge é por meio de um programa com interface em linha de comando, a utilização é muito simples, basta digitar um único comando para publicar o site na Web.

BitBaloon

O BitBaloon é uma hospedagem de sites estáticos simples e intuitiva - basta arrastar e soltar os arquivos do site para deixá-lo disponível na Web.

A limitação do BitBaloon no plano gratuito se referre a utilização de um domínio próprio. Se você tiver um domínio registrado e quiser utilizar no seu site pago, será necessário fazer um upgrade para um plano pago.

No BitBaloon, recursos como certificado SSL e CDN estão disponíveis somente nos planos pagos.

Netlify

Com a hospedagem de sites estáticos da Netlify é possível hospedar projetos pessoais ou comerciais, com CDN e certificado SSL.

A hospedagem gratuita da Netlify também oferece recursos para trabalhar com formulários, que geralmente é uma limitação nos sites estáticos.

000webhost

A 000webhost é bastante conhecida por oferecer serviços de hospedagem de sites há bastante tempo. Além de poder hospedar um site estático na 000webhost, também é possível hospedar sites dinâmicos que utilizam a linguagem PHP.

O envio dos arquivos é de forma convencional - utilizando um cliente FTP, como o FileZilla, ou um gerenciador de arquivos Web, que é disponibilizado pela 000webhost.

No entanto, a 000webhost possui algumas limitações de armazenamento e o servidor de hospedagem entra em um “modo de descanso” durante 1 hora por dia, o que deixa o site inacessível dentro deste período.

Conclusão

Existem várias opções para hospedar um site estático feito com HTML/CSS/JS, são muitas as ferramentas e tecnologias envolvidas para aprender. Como várias soluções são gratuitas, há sempre a possibilidade testar e experimentar os recursos de cada uma.

Se você quer aprender ou está aprendendo sobre o Git, uma das opções que envolvem essa tecnologia pode ser o ideal. Está entrando no universo de back-end ou quer ser tornar um full-stack developer?

Nós ajudamos você a encontrar a melhor hospedagem de sites que dê suporte às tecnologias de front-end e back-end com as quais você pretende desenvolver seus sites e aplicações Web.

Busque aprender sobre as ferramentas e tecnologias web que estão sempre em constante atualização!

Conheça os livros do Maujor®

Ir para a página de entrada nos sites dos livros.