Como colocar aplicações no ar de forma SIMPLES e BARATA

Você quer colocar sua aplicação no ar, mas  você sempre perde um pouco da paciência configurando certificado pra tag https, colocando  banco de dados. . .

é um monte de coisa para configurar? Hoje eu vou te mostrar uma forma bem legal de  você colocar suas aplicações no ar de uma forma bem simples, já integrada com Github e também  barata porque esse vídeo é um oferecimento da Hostinger, então a gente tem um cupom super  especial aqui para você criar o seu VPS então criar seu servidor virtual com  10% de desconto. É só usar o cupom DEVPLENO e eu vou mostrar para vocês como que a gente  pode fazer isso aqui.

Olá, aqui é o Tulio Faria do DevPleno e hoje a gente vai construir uma forma  de hospedar todas as nossas aplicações em um lugar só, de uma maneira bastante simples.  A gente vai utilizar o Coolify que é uma alternativa para você criar uma plataforma  como serviço para você colocar suas aplicações no ar, e vai ficar bastante bacana  porque a gente consegue colocar quantas aplicações os recursos do servidor permitirem. Uma coisa  que é bastante legal: a Hostinger tem VPS no Brasil então você consegue pegar uma máquina aqui no  Brasil e reduzir bastante a latência de acesso dos seus usuários, então fica bastante legal se  a sua aplicação tem como os usuários-alvo os usuários do Brasil, então vai ser bem legal  a gente fazer isso.

Sem mais delongas vamos pra nossa configuração, eu já tenho  aqui para configurar minha VPS, então você vai entrar no carrinho lá na Hostinger, fazer o pagamento,  colocar o cupom e etc e depois você vai conseguir começar a configurar assim como eu tô fazendo aqui. E uma coisa que é muito legal, a gente já consegue ter a localização do VPS no Brasil,  isso é super bacana porque a gente vai diminuir muito a diferença de velocidade para os nossos  usuários. Então vou colocar aqui para continuar e olha só que legal, a gente tem algumas coisas  que a gente pode escolher.

A gente pode colocar o sistema operacional com painel de controle, a gente pode colocar ele puro ou com aplicativos. Geralmente com aplicativos é quando você quer  hospedar com WordPress ou NodeJS, etc. Nesse caso nosso, a gente vai fazer com o sistema operacional puro.

É a nossa intenção fazer ele bem puro aqui, eu vou escolher o Ubunto, então a gente vai colocar o  Ubunto aqui como máquina pra gente. Não vou colocar detector de Malware, se você quiser colocar você pode  colocar, principalmente pra hospedagem WordPress isso é bastante interessante. E olha só, a gente tem  o nome aqui da nossa máquina.

Vou colocar aqui uma senha, tem a nossa chave aqui que é opcional,  então não vou colocar por enquanto, vamos só dar um salvar e continuar. Então olha só, ele já está  criando a máquina pra gente. Beleza.

A gente vai esperar alguns segundos aqui para ele  configurar a máquina pra gente. Enquanto isso, o que a gente vai fazer? A gente vai começar a preparar  uma aplicação que a gente vai colocar utilizando essa estratégia, então já tenho aqui o meu VS Code  instalado e a gente vai fazer o seguinte: eu vou criar uma pasta nova aqui, aliás vou criar direto  aqui mesmo, então o que essa aplicação vai fazer?

pnpm init só pra gente colocar aqui o nosso  package e qual é a ideia? A gente vai criar uma aplicação com Express só pra gente ver que  ela está rodando, então pnpm install, aliás pnpm add express e agora vou criar um arquivo index. js aqui.

E o seguinte, então const express = require('express') Não vou criar nada muito complexo  aqui só pra gente testar e saber que está funcionando, então const app = express const PORT = process. env. PORT | | 3000 a gente vai ter um get também e agora a gente vai fazer um listen e aqui só server running.

A ideia é a  gente conseguir ter essa aplicação rodando então node index, ela está rodando aqui e a gente  consegue fazer localhost. 3000. Olá Hostinger.

OK Beleza, temos a nossa aplicação funcionando aqui.  O que a gente vai fazer? A gente vai colocar ela já já também no github, mas outra coisa que  é bastante bacana, eu vir aqui no meu package.

json e colocar um start node index. js e é isso.  Então essa é nossa primeira aplicação de teste aqui só pra gente conseguir subir esse servidor. 

Vamos lá, vamos voltar aqui só pra gente ver a gente já colocou ele no ar, então o que a gente pode fazer? Vamos lá nosso painel Olha só que interessante, o que a gente tem nesse  painel: eu tenho um nome dele aqui no Brasil, mas o mais importante eu tenho um IP. A primeira coisa  que eu vou fazer, que eu gosto bastante eu vou copiar esse IP, vou aqui na Vercel, o meu  domínio eu gerencio na Vercel, então coloquei os name servers meus na Vercel, mas você pode  utilizar inclusive na Hostinger mesmo, você pode gerenciar os seus registros de domínio lá, mas o meu domínio está aqui o tuliofaria.

dev, ele está aqui dentro, então o que  que eu vou fazer? Eu vou entrar aqui no meu domínio você consegue fazer isso em qualquer gerenciador  de DNS que você tiver, e vou fazer o seguinte vou colocar o tipo A mesmo, porém eu vou fazer o  seguinte: *. go vai para esse IP aqui, então qual é a ideia?

Qualquer coisa que eu colocar,  qualquer nome . go. tuliofaria.

dev vai pro IP da Hostinger. Vou dar um add aqui só pra  gente conseguir já ir configurando ó, legal. E agora eu vou voltar aqui na Hostinger pra gente ver como  que a gente vai acessar o SSH dessa máquina.

Eu já tenho ele aqui, o IP dele, vou entrar como  root e com a senha que eu digitei, então vou aqui no PuTTY, gosto bastante de usar o PuTTY, que  é esse cara aqui no Windows, e vou digitar 1911017869 dar um open ele vai dar uma mensagem  falando para você aceitar e agora aqui eu vou dar um login como root e eu vou digitar a minha senha.  Então olha só, já tenho a minha máquina instalada bonitinha, então consigo ver aqui que eu tenho  bastante memória livre, etc, ela está perfeita pra gente começar a instalação do Coolify. Como que  a gente instala o Coolify?

Se eu pegar aqui coolifylabs. io essa é a página do Coolify e aí uma coisa que é bem legal, a gente consegue gerenciar esse servidor por aqui, então  vamos aqui em produtos Coolify só pra gente pegar é coolify. io aliás, eu errei o nome, mas olha só  que legal, se a gente quer instalar, é simplesmente a gente copiar essa linha aqui, vou voltar  aqui no meu SSH e vou clicar com o botão direito pra gente colar essa instalação.

Ele já  percebeu que é o Coolify, ele percebeu que eu tô no Ubuntu, ele está instalando os pacotes que  precisa, ele vai fazer toda configuração pra gente, então olha só que bacana, já terminou de  instalar aqui a minha Instância do Coolify e agora eu só vou copiar essa URL. . .

opa cliquei aqui. Na  verdade, quando você quer copiar PuTTY é só selecionar e clicar que a gente já consegue.  Olha só que interessante, quando a gente abre a primeira vez a gente vai acabar criando a nossa versão aqui, a nossa instância, então Tulio Faria tuliofaria@devpleno.

com e dá um register. Aqui é um processo de onboarding, a gente já pode ir dando next. Uma coisa que é bastante importante do Coolify, a gente pode instalar ele nele mesmo, então você pode colocar todas as aplicações nele ou você  pode usar ele para hospedar em uma outra versão ou rodar em um outro host docker.

Nesse caso aqui eu vou colocar localhost mesmo e ele fala pra gente criar um projeto e aqui ele  fala que ele vai mandar para uma página para criar um projeto. Legal, essa é a interface aqui que a  gente tem do Coolify, dele funcionando deixa eu só desabilitar aqui e aí o que acontece,  como que a gente vai organizar essa estrutura? A gente pode colocar aplicações, bancos de dados,  serviços e assim por diante, então tem muita coisa interessante pra gente usar aqui, então "ah, eu quero esse Fider" que é uma aplicação para pegar o feedback de usuários, eu posso colocar ele  aqui.

Eu quero instalar o WordPress por exemplo eu posso fazer por aqui também. Aqui ó, WordPress com MySQL, WordPress sem banco de dados então assim, tem muita opção legal, tem os bancos  de dados também, então se eu quiser instalar a minha aplicação já com banco de dados eu consigo  fazer isso e aí uma coisa que é bem bacana, se eu quiser colocar a aplicação com o repositório  do github privado, eu consigo também então consigo hospedar minhas próprias aplicações ou  ainda com repositório público, então ambos aqui vão funcionar super bem, a gente consegue  inclusive criar environments diferentes e tudo mais mas a gente vai focar aqui só em colocar aplicação  no ar de verdade, então o que eu vou fazer? Eu vou vir aqui no meu github e eu vou criar um  repositório novo, então a gente vai fazer um do zero aqui.

Hostinger Web por exemplo, vou deixar ele público e vou simplesmente fazer um push da nossa aplicação para cá, então vou criar um gitignore  aqui primeiro e vou pedir para ignorar só o node_modules vou dar um ctrl shift P init repositore, otrl shift P add remote, vou colar aqui o link do remote e vou colocar origin selecionar aqui os arquivos initial version, vou comitar e aí  se acontecer igual ao meu aqui que ele está com master, o que eu posso fazer? ctrl shift P  rename branch pra main, então ele já trocou pra main aqui ctrl shift P push, ele vai concordar  aqui confirmar e a gente já subiu o nosso projeto aqui pro repositório, então eu consigo a partir de  agora colocar essa aplicação no ar. Vou trazer ela aqui, vou dar um ctrl C e vou vir aqui  no meu Coolify e eu vou colocar public repository então eu quero colocar ele no ar, vou  pedir para ele checar e olha só que interessante ele já percebeu aqui que está no main, percebeu a porta 3000 e a gente consegue marcar inclusive se ele é uma aplicação estática ou não, então save new  application e olha só que interessante, posso dar um nome para ela, então Hostinger Web, posso  colocar um domínio, então é uma coisa bastante legal.

No domínio, o que eu vou fazer? Eu vou  colocar um outro domínio diferente. Lembra que a gente colocou no nosso domínio um  *.

go? Então vou colocar aqui hostinger-web. go.

tuliofaria. dev já para ficar um pouco  mais fácil aqui pra gente. Pode ser Nixpacks aqui.

Vamos lá, o que mais? Qual é o comando de build? A gente não tem.

O comando de start ele já pegou tudo automático, ele já entendeu até aqui na porta 3000. . .

Beleza, vamos dar um  deploy. Então ele está agendado, ele está importando  o meu repositório ó, ele já fez aqui o pnpm run start ele já está buildando a aplicação. Perceba que  ele entendeu que tipo de aplicação que é ele já está fazendo automaticamente pra gente, a gente não teve que fazer muita coisa aqui ele já vai resolver bem tranquilo, vamos só esperar  mais um pouquinho, eu vou precisar fazer uma mudança na minha máquina porque provavelmente  a gente não vai conseguir mapear o IP direto no meu caso aqui porque eu tenho um DNS interno, mas vou mostrar para vocês como que a gente pode testar essa situação aqui.

Vamos só esperar mais  um pouquinho e olha só que legal, ele já mostrou aqui que o meu contêiner está saudável e que ele  já está colocando uma aplicação para funcionar já está tudo certo, agora eu consigo voltar aqui pro My First Project, vamos voltar aqui na casinha aqui no Home, tem um servidor localhost. . .

Está tudo certo. . .

ele tem tudo que a gente  gostaria que tivesse em todos os lugares. Deixa eu abrir a aplicação, ele já configurou pra  gente o domínio, um domínio dele aqui, mas eu vou colocar o nosso, então vamos pegar  aqui de novo Advanced, vamos olhar aqui em production, ele não salvou aqui pra gente o  domínio, então vamos fazer de novo gtps do https://hostinger-web. go.

tuliofaria. dev Vamos só salvar ele aqui direto assim mesmo aqui dar um restart nele entrei no hostinger-web. go.

tuliofaria. dev e olha só que interessante, ele já está funcionando. Olha que bacana, perceberam  que o certificado digital já está aqui?

Já está falando que o certificado é válido  e tudo mais, ele funciona muito bem e uma outra coisa que é legal,se  eu vier aqui e criar outro projeto por exemplo, Public repository,  vou colocar o mesmo repositório só pra gente. . .

Ó, main, save next. . .

E aí  que eu posso fazer aqui https://new. go. tuliofaria.

dev, deixar tudo igual, dar um save deploy. Ele está colocando aqui vamos só esperar ele terminar, então percebam  que ele fica muito rápido de você colocar sua aplicação e a gente não teve que lidar com nada  de certificado digital nem nada, ele já mapeou tudo, ele já percebeu que porta que é, funcionou bem  liso. Vamos só ver ele aqui se ele já.

. . Aqui ele está gerando o certificado pra gente provavelmente,  então todo aquele trabalho que a gente tem de colocar e tem aquela trívia do Let's  Encrypt, etc ele resolve pra gente utilizando o Traefik, que é um um balanceador de carga, ele já está funcionando, então vamos ver se ele está rodando.

O que acontece, não tinha dado  tempo ainda dele gerar o certificado, mas agora já está ok. Essa página é segura, então reparem que a  gente colocou duas aplicações iguais muito rápido então se a gente quiser inclusive mapear o nosso  domínio, o banco de dados aliás aqui, a gente consegue. Eu consigo adicionar outros servidores, consigo gerenciar servidores tudo por aqui, colocar mais recursos, então ele é muito legal pra gente  fazer isso, inclusive agora ele tem essa forma de colocar as coisas por aqui, então a gente  consegue entrar nesse gerenciadorzinho como se fosse um menu de contexto ali do VS Code e já fazer isso automaticamente.

O que é legal? Eu tenho um servidor desse que eu  consigo rodar tudo que é stateful, então eu uso bastante, a gente fala bastante sobre serverless  aqui no canal, mas eu uso bastante coisas stateful também, então bot do WhatsApp, etc que  você consegue colocar no ar assim, então tem muito bot não oficial do WhatsApp que você tem o  repositório dele, então você consegue pegar direto o repositório e já instalar no seu Coolify e já colocar um domínio para ele, então ele já sai com https, sai tudo certinho, então é muito legal.  Eu gosto bastante de usar ele, sou um usuário da versão anterior, então preciso inclusive  atualizar, mas é muito bacana a gente conseguir colocar tudo no ar dessa forma, então se a  gente colocar por exemplo, um banco de dados aqui eu consigo criar um postgress por exemplo  e já conectar internamente, então já funciona também ó, o mapeamento de porta, se ele vai ser  acessível na internet ou não e assim por diante.

Então você consegue criar sua aplicação inteira. Se você quiser, você pode criar inclusive também a sua aplicação com Docker Compose, já  com a sua aplicação Node, banco de dados, etc ele vai gerenciar para você também, então é muito legal.  Ele tem inclusive alguns web hooks, etc.

Essa versão nova do Coolify ficou muito bacana. Bom, pessoal, é isso que eu queria mostrar para vocês, que é muito legal você conseguir fazer isso. Deixa eu ver  se eu consigo fazer um ping nesse IP aqui Então olha só que interessante, a gente fez um  ping e olha só o tempo que está retornando pra gente 7 milissegundos porque a gente está no Brasil, está  muito muito rápido, então os seus usuários aqui também vão perceber essa mesma velocidade. 

Vamos dar um f12 aqui, deixa eu só desligar aqui, vamos ver com quanto tempo, então dei um  ctrl shift R aqui e uma resposta em 19 milissegundos. Está muito baixo esse tempo de resposta, então  é bastante bacana a gente poder utilizar esse servidor no Brasil e não tem diferença de preço, então se a gente for olhar aqui as VPSs a gente não tem diferença de preço entre um servidor  no Brasil ou fora. Deixa eu só achar aqui Vou entrar aqui na parte de VPS e a  gente vai reparar que não tem diferença de preço entre servidores no Brasil e servidores fora, além  disso, a Hostinger tem mais uma vantagem que você já é cobrado em Real, então você não fica  suscetível a variação do dólar.

Se a gente olhar os planos, olha só que bacana,  o plano que está a minha máquina é um plano de 8GB de Ram, já dá pra gente rodar  bastante coisa com ela, mas olha só os preços são bastante competitivos pras outras máquinas  também e tem bastante largura de banda 4TB para um servidor é muita coisa, você consegue  inclusive rodar um servidor de mídia aqui se você precisar e olha só, uma máquina com 32GB de Ram  também está ok, R$109 por mês no plano anual, então você consegue ter acesso a uma máquina bem  potente e com um super desconto aqui já direto e você consegue um desconto adicional de 10%  usando DEVPLENO no seu cupom ou no link aqui da descrição do vídeo, vale bastante  a pena para você ter um servidor aqui no Brasil. Esse vídeo é um oferecimento da Hostinger, eu gostei bastante de utilizar, vou utilizar aqui pros meus sistemas que são stateful, que eu preciso ter um servidor a gente tem uma aplicação, vocês já viram falando aqui do meu SaaS  que a gente usa bastante o bot de WhatsApp para fazer algumas comunicações e certamente eu vou  usar a Hostinger por ter essa presença no Brasil, então a experiência vai ficar muito legal  pros nossos usuários aqui do Brasil. Bom, é isso.

Não deixa de curtir, comentar o que você achou desse  vídeo, se já que eu conhecia o Coolify e de como fazer um pass e depois conta a sua experiência  como foi instalar no seu servidor da Hostinger e como que foi tudo isso de colocar a  sua aplicação no ar. E eu te vejo no próximo. Valeu!