Introdução
Para desenvolver e hospedar uma aplicação Next.js na Square Cloud, siga a sequência de configurações e pré-requisitos abaixo. Este guia cobre todo o processo, da configuração inicial ao deploy em produção.Pré-requisitos
- Conta Square Cloud: Cadastre-se através da página de cadastro usando seu e-mail.
- Plano ativo: Garante recursos dedicados e desempenho otimizado para seu aplicativo. Confira nossos planos disponíveis e escolha o mais adequado às suas necessidades.
Crie o projeto
Você precisa do Node.js 20.9 ou posterior e do npm na sua máquina. Se ainda não os tiver, baixe-os no site oficial do Node.js. Crie um projeto com o inicializador oficial:npm run dev e edite o app/page.tsx (ou app/page.js) para mudar a página inicial.
Faça o build para produção
next build grava o build de produção na pasta .next. Rode-o na sua máquina: TypeScript, ESLint e Tailwind CSS são devDependencies, que a Square Cloud não instala.
Porta e host
Nada a mudar no Next.js: onext start lê a variável de ambiente PORT, que a Square Cloud define como 80, e escuta em todas as interfaces de rede. Mantenha o script start padrão no seu package.json:
package.json
Configure a Square Cloud
Crie um arquivosquarecloud.app na raiz do projeto:
squarecloud.app
RUNTIME=nodejs seleciona o runtime Node.js sem um arquivo MAIN, e o START roda o next start. No upload pelo dashboard, defina o mesmo comando de inicialização.
O que vai no ZIP
.next/, o build de produção (a Square Cloud remove a.next/cacheno upload, então você pode deixá-la de fora).public/,package.jsone o seu arquivonext.config.*.squarecloud.app.- As pastas de código-fonte (
app/oupages/) não são lidas pelonext start, mas enviá-las não causa problema.
node_modules: a Square Cloud instala as suas dependencies na primeira inicialização.
Faça o deploy e verifique
Via dashboard
1
Acesse a página de upload
Acesse a página de upload e envie seu arquivo zip.
2
Configure seu ambiente
Após fazer o upload do seu arquivo zip, você precisará configurar o nome, o arquivo principal ou o ambiente de execução e outras configurações do seu projeto.
Se você estiver enviando um projeto web, certifique-se de selecionar “Publicação na Web” e definir um subdomínio para o seu projeto.
Se você estiver enviando um projeto web, certifique-se de selecionar “Publicação na Web” e definir um subdomínio para o seu projeto.
3
Faça o deploy do projeto
Por fim, clique no botão “Deploy” para hospedar seu projeto na Square Cloud.
Após o deploy, você poderá monitorar o status e os registros do seu projeto no dashboard.

4
Confirme que seu app está no ar
Seu primeiro deploy geralmente leva menos de um minuto. No dashboard, aguarde o status da sua aplicação mudar para em execução e verifique os registros em busca de erros de inicialização.
Se você fez deploy de um site ou API, abra
Se você fez deploy de um site ou API, abra
https://<seu-subdominio>.squareweb.app no navegador: você deve ver sua aplicação respondendo. Se você fez deploy de um bot, envie um comando para confirmar que ele está online.
Via CLI
Para usar esse método, seu projeto precisa de um arquivo de configuração chamadosquarecloud.app na raiz. Ele informa à Square Cloud como executar a sua aplicação.
Guia do arquivo de configuração
Saiba como criar o arquivo de configuração
squarecloud.app que define o ambiente da sua aplicação.1
Instale a CLI
Instale a CLI da Square Cloud. Se você já a tem, execute o mesmo comando para atualizá-la:
2
Faça login
Execute o comando abaixo. Ele abre o seu navegador: aprove o login lá e a CLI está pronta. Não há nenhuma chave de API para copiar. Para scripts e CI, veja autenticação da CLI.
3
Envie o seu projeto
Na pasta do seu projeto, execute o comando abaixo. A CLI compacta a pasta atual, deixando de fora o que o Para enviar um zip que você mesmo criou, passe-o com
squarecloud.ignore lista, e faz o upload:--file:4
Confirme que seu app está no ar
Seu primeiro deploy geralmente leva menos de um minuto. Verifique o status e os registros da sua aplicação diretamente pelo terminal:Se você fez deploy de um site ou API, abra
https://<seu-subdominio>.squareweb.app no navegador: você deve ver sua aplicação respondendo. Se você fez deploy de um bot, envie um comando para confirmar que ele está online.
Erros comuns
Domínio personalizado
Para usar um domínio personalizado (ex.:
meusite.com) no lugar da URL padrão meusite.squareweb.app, você precisa do plano Standard ou superior. A URL padrão vem do campo SUBDOMAIN no arquivo de configuração. Para conectar o seu domínio, veja como configurar seu próprio domínio.Requisitos mínimos de RAM
Mínimo: 512MB de RAM para sites e APIs, o suficiente para um build estático no runtime estático. Para aplicações que renderizam páginas no servidor (Next.js, Nuxt, Angular SSR e similares), recomendamos pelo menos 1GB de RAM. Para aplicações maiores, aloque mais RAM para evitar que a aplicação fique sem memória e trave.
Não foi possível encontrar esse site.
Verifique se o subdomínio/domínio corresponde ao configurado no campo SUBDOMAIN ou nas configurações de domínio personalizado. Se você acabou de enviar o site, aguarde até 60 segundos para a Square liberar o primeiro acesso.
Site demorou demais para responder…
O seu servidor precisa escutar na porta 80 e no host 0.0.0.0. A Square Cloud define as variáveis de ambiente PORT (
80) e HOST (0.0.0.0) na sua aplicação: leia essas variáveis no código em vez de fixar outros valores. Um servidor que escuta apenas em localhost ou 127.0.0.1 nunca recebe requisições.Could not find a production build
Onext start não encontrou a pasta .next. Execute npm run build antes de compactar e confira se a .next está no ZIP.
Faça deploy a cada push com GitHub Actions
A GitHub Action da Square Cloud instala a CLI no runner, então um workflow consegue fazer o build da sua aplicação e enviá-la para a Square Cloud. Salve uma chave de API como o secret de repositórioSQUARECLOUD_API_KEY e o ID da sua aplicação como a variável de repositório SQUARECLOUD_APP_ID, e depois adicione o .github/workflows/deploy.yml:
.github/workflows/deploy.yml
squarecloud commit envia a pasta, incluindo o build novo da .next, para a sua aplicação, e o --restart a reinicia para que o novo build entre no ar. Adicione .next/cache a um arquivo squarecloud.ignore para manter o upload pequeno. Para mais opções, veja deploy com GitHub Actions.
Próximos passos
Variáveis de ambiente
Mantenha segredos e configurações fora do código e leia-os em tempo de execução.
Domínio personalizado
Sirva a sua aplicação no seu próprio domínio, a partir do plano Standard.
Solução de problemas
Corrija uma aplicação que não inicia ou um site que não responde.

