Like A Girl

Pushing the conversation on gender equality.

Code Like A Girl

Como hospedar seu site de graça usando Windows + Node.js + Surge

Site Oficial: https://surge.sh/

Hospedar seu site de graça parece sonho não é mesmo? Com o Surge, você pode publicar seu site em alguns minutos, sem pagar nada e sem nenhuma gambiarra! Vou te mostrar como fazer a hospedagem gratuita do seu site utilizando Windows, Node.jsSurge.

“Surge foi construído a partir do zero para a publicação de aplicações web nativas e está empenhada em ser o melhor caminho para desenvolvedores Front- End colocarem seus aplicativos HTML5 em produção. Fonte: surge.sh”

Para realizar o processo de hospedagem você precisa primeiramente ter o Node.js instalado na sua máquina, ele possui o gerenciador de pacotes npm utilizado pelo Surge, baixe o Node.js e faça a instalação.

Depois de instalar o Node.js, basta abrir o seu Windows PowerShell e realizar os passos abaixo:

Passo a Passo

1) Para instalar o Surge, digite:

npm install — global surge

2) Acesse a pasta do seu projeto:

cd C:xampphtdocsmeu-projeto (exemplo)

3) Digite:

surge

Ao acessar pela primeira vez, você terá que informar seu e-mail e senha para criar um login gratuito no Surge e em seguida algumas informações necessárias para publicar o projeto, veja abaixo:

– Informe seu e-mail
– Informe sua senha
– Informe o diretório do projeto
– Utilize um subdomínio do Surge (exemplo: seu-projeto.surge.sh) ou digite um domínio próprio

Sucesso! Projeto publicado e rodando!

4) Se você optou por usar um domínio próprio deve apontar o DNS para o Surge:

Tipo: A
IP: 45.55.110.124

5) Se você optou por usar um subdomínio do próprio Surge, abra o navegador e acesse:

seu-projeto.surge.sh/index.html

Obs.: Não se esqueça de indicar a página inicial (index ou home).

Conclusão

O Surge certamente é uma ferramenta incrível. Ideal para publicação de projetos Front-end, você pode publicar seu projeto em 1 minuto e ver o resultado imediatamente, além é claro de ser uma solução gratuita.

Bom, é isso pessoal, vocês podem encontrar mais sobre o assunto na documentação do Surge.

Abraços e até a próxima!

Siga a tag codelikeagirlBR para ver nossos posts! 😀

Quer escrever ou traduzir artigos em português para a Code Like A Girl? Se você já faz parte do time de escritoras(es) da Code Like A Girl basta enviar seu artigo diretamente para nossa publicação. Se você ainda não faz parte do nosso time, envie uma mensagem direta para a conta de twitter CodeLikeAGirlBr. Nós avaliaremos seu artigo e ajudaremos a refiná-lo para publicação.