> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.cloak.ilio.me/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Cloud Pages

# O que é o **Cloud Pages**

Hospede seus sites e landing pages estáticos direto no Cloakilio, sem contratar hospedagem à parte.

O **Cloud Pages** é a hospedagem de sites estáticos integrada ao Cloakilio. Com ele, você sobe os arquivos do seu site — **HTML, CSS, JavaScript e imagens** — direto no painel e publica no ar em minutos, tudo no mesmo lugar onde você já gerencia suas campanhas.

Cada projeto que você hospeda é chamado de **cloud**. Um cloud pode ser uma landing page, um site pronto (exportado de qualquer construtor) ou uma aplicação de página única (SPA).

---

## O que você pode hospedar

* **Landing pages** e páginas de oferta
* **Sites estáticos completos** — várias páginas, pastas e imagens
* **Aplicações SPA** (React, Vue, etc.) exportadas como arquivos estáticos

> O Cloud Pages serve **arquivos estáticos**. Ele não roda PHP, Node, banco de dados ou back-end — é ideal para o que roda no navegador (front-end).

---

## Onde fica hospedado e qual a velocidade

A entrega é feita pela **rede global da Cloudflare**, com pontos de presença em mais de 300 cidades no mundo — **inclusive no Brasil**. Seus arquivos não ficam presos a um único servidor ou país: eles são distribuídos e mantidos em cache na borda, e **cada visitante é atendido pelo ponto mais próximo dele**. Na prática, a página carrega rápido de qualquer região.

---

## Limites

A quantidade de clouds e o espaço de armazenamento dependem do seu plano. Você acompanha o uso no card **Clouds** do painel inicial. Cada arquivo enviado pode ter até **10 MB**.

# Criando e publicando seu primeiro **cloud**

Este guia mostra, passo a passo, como criar um cloud, enviar seus arquivos e colocá-lo no ar.

---

## Passo 1: Criar o cloud

No menu **Cloud Pages**, clique em **Novo Cloud** (ou em **Criar meu primeiro cloud**, se ainda não tiver nenhum). Você verá algumas formas de começar:

* **Comece com Hello World!** — cria o cloud já com um `index.html` de exemplo publicado
* **Envie seus arquivos estáticos** — arraste `index.html`, CSS, JS e imagens e publique de uma vez
* **Conectar Claude Code via MCP** — para quem faz o build pelo terminal (veja o guia de deploy avançado)
* **Criar cloud vazio** — cria o cloud sem arquivos, para enviar depois

Dê um **Nome do cloud** (ex.: *Meu site*) e confirme em **Criar cloud**.

![Modal "Criar um Cloud" com o campo de nome](https://storage.crisp.chat/users/helpdesk/website/-/3/5/e/3/35e3e3a326b5f600/captura-de-tela-2026-08-03-as-_18oomw6.png)

---

## Passo 2: Enviar seus arquivos

Abra a aba **Arquivos** e clique em **Enviar**. Arraste seus arquivos para a área **"Arraste os arquivos aqui"** (ou clique para selecioná-los) e confirme.

* Envie o `index.html` na **raiz** do cloud
* Mantenha a mesma estrutura de pastas do seu projeto (ex.: uma pasta `assets` com o CSS e o JS)

> Arquivos acima de **10 MB** são ignorados no envio. Otimize imagens grandes antes de subir.

![Aba "Arquivos" com o botão Enviar e a lista de arquivos](https://storage.crisp.chat/users/helpdesk/website/-/3/5/e/3/35e3e3a326b5f600/captura-de-tela-2026-08-03-as-_sly73b.png)

---

## Passo 3: Definir a página inicial

Vá em **Configurações → Geral** e, no campo **Página inicial**, escolha o arquivo HTML que será servido na raiz do domínio (normalmente `index.html`). Clique em **Salvar alterações**.

![Configurações → Geral com o campo "Página inicial"](https://storage.crisp.chat/users/helpdesk/website/-/3/5/e/3/35e3e3a326b5f600/captura-de-tela-2026-08-03-as-_1wlgv74.png)

---

## Passo 4: Ver o preview

Todo cloud ganha automaticamente um **link de preview** no formato `https://SEU-ID.cloudpages.click`. Ele aparece no topo do painel do cloud, ao lado do ID. Clique em **preview** (ou em **Abrir em nova guia**) para ver seu site publicado.

Não utilize esta URL para veicular seus anúncios, o Cloakilio conecta um cloud pages a uma página e mostra o conteúdo hospedado de forma transparente sem redirecionamentos.
---

## Passo 5: Conectar a uma página

Vá em **Páginas → Nova Página** e, na opcão Método de implementação, selecione **Cloud Pages**, na próxima página escolha o cloud que será usado em sua camuflagem, e para finalizar e salvar Clique em **Registrar**.

![Nova Página](https://storage.crisp.chat/users/helpdesk/website/-/3/5/e/3/35e3e3a326b5f600/captura-de-tela-2026-08-03-as-_nbstya.png)

---
