Seu primeiro site, online.

Em menos de 5 minutos você terá sua primeira página web publicada em um servidor real.

Clone o projeto base

Baixe o projeto inicial para o seu computador com um único comando.

Clone o repositório

Entre na pasta do projeto

Clone baixa o código para sua máquina. Um repositório é uma pasta de código conectada à internet. Agora você tem o projeto pronto para editar.

Abra o projeto

Você pode usar qualquer editor de código que tiver.

VSCode · Cursor · WebStorm · ou qualquer outro

Se usar VSCode, este comando abre o editor direto na pasta:

Se não tiver o VSCode, simplesmente abra a pasta no seu editor favorito.

Edite o site

O projeto tem 3 arquivos principais. Edite o que quiser:

A estrutura e o texto do seu site

Cores, fontes e estilos

Interatividade e animações

Comece mudando o título no index.html. Salve e atualize o navegador para ver o resultado.

Crie seu próprio repositório

Agora você precisa subir o projeto para o SEU GitHub.

https://github.com/new

O que preencher no formulário?

Só coloque um nome para o repositório, como "meu-primeiro-site". O nome não pode ter espaços. Não precisa mudar mais nada. Deixe público se quiser que seja visível, ou privado se for só seu. Isso é tudo.

Por exemplo:

meu-primeiro-site

Conecte o projeto ao seu GitHub

O projeto vem conectado ao repositório original do ArduMaker. Você precisa desconectar e apontar para o seu.

Desconecte do repositório do ArduMaker:

Conecte ao seu (substitua a URL pela que o GitHub te deu):

Exemplo:

Encontre a URL do repositório no GitHub, no botão verde "Code", seção SSH ou HTTPS.

Suba suas alterações para o GitHub

Salve tudo e suba. Isso move suas alterações do seu computador para o GitHub.

Prepara todos os arquivos

Cria um ponto de salvamento

Sobe tudo para o GitHub

Pronto. Seu código já está na nuvem. Agora vamos conectar o servidor.

Crie sua conta no ArduMaker

O ArduMaker é onde seu site vai ficar. Com sua conta você tem:

Um servidor real (VPS) com root
Deploy automático a cada push
Endereço .arducloud.com com HTTPS
Agentes de IA que operam por MCP

https://ardumaker.com/login

Crie seu servidor

Entre no painel. Em Apps, se você ainda não tem servidor, aparecem os planos.

Escolha um plano em «Escolher este plano» e confirme. O servidor é criado sozinho.

Leva alguns minutos. Enquanto isso, você pode seguir para o próximo passo.

O que acontece por trás:

O servidor é preparado

O necessário é instalado

Os serviços são iniciados

Pronto para usar

Abra o assistente de deploy

Em Apps, toque em «Implantar do Git». Também está no seu servidor, em Deploy, em «Nova implantação».

Na primeira vez ele pede para vincular sua conta do GitHub. É um clique.

No primeiro passo, «Origem»:

Escolha seu repositório e a branch «main»

Deixe vazia a pasta do app se o index.html estiver na raiz

Escolha o servidor que você criou e toque em «Avançar»

Siga o assistente

São seis passos e nada é executado até você confirmar. Para um HTML puro quase não há o que mudar:

Análise

Lê o repositório sem executar nada e o reconhece como site estático.

Execução

Fica «Site estático». O comando de build fica vazio: HTML puro não é compilado.

Variáveis e publicação

Nenhuma variável é necessária. Em «Publicação» escolha «Um endereço automático», com HTTPS.

Revisão

Mostra o que vai acontecer. Se disser «Tudo pronto para implantar», toque em «Implantar».

Progresso

Você acompanha o deploy ao vivo. No final, «Abrir o site» leva você à sua página.

Não é preciso configurar nginx nem certificados à mão: é feito sozinho.

Os passos do assistente

Origem

Teste o deploy automático

Faça uma alteração no seu projeto, suba para o GitHub e veja o servidor se atualizar sozinho.

Edite qualquer arquivo (por exemplo, mude um título)

Salve e faça push

Veja o novo deploy em Apps, no seu app

Toda vez que você fizer push, o ArduMaker detecta a mudança e republica seu site automaticamente.

Seu site está online!

Seu domínio:

Você acabou de usar:

Git

GitHub

Um VPS real

Deploy automático

Um servidor web real

Bem-vindo ao ArduMaker.

O que vem a seguir?

Adicionar imagens e animações

Usar React ou Next.js

Usar Django ou Node.js

Conectar APIs externas

Usar bancos de dados

Copiado

Continuar aprendendo

Com o primeiro site publicado, isto é o que se costuma ler depois.

Como funciona o deploy do GitHub

O que cada push faz, os scripts de build e reinício, e onde ver os logs.

O seu domínio e os DNS

Apontar um domínio próprio para o VPS e verificar que resolve.

Certificados SSL

Como o HTTPS de cada domínio é emitido e renovado.

Escolher um plano

Os planos com os seus recursos e que app vai em cada um.

Fazer com o seu agente de IA

Conectar o Claude, o ChatGPT ou o Cursor para que publique e reveja os logs por você.

Como funciona o deploy do GitHub: O que cada push faz, os scripts de build e reinício, e onde ver os logs.
O seu domínio e os DNS: Apontar um domínio próprio para o VPS e verificar que resolve.
Certificados SSL: Como o HTTPS de cada domínio é emitido e renovado.
Escolher um plano: Os planos com os seus recursos e que app vai em cada um.
Fazer com o seu agente de IA: Conectar o Claude, o ChatGPT ou o Cursor para que publique e reveja os logs por você.

Planos VPS · Criar conta