Skip to main content

​
Introdução

Para desenvolver e hospedar uma aplicação React Router (antigo Remix) 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.
Este guia usa o runtime Node.js. Testado com React Router 8 no Node.js 24 em setembro de 2026.
O Remix foi incorporado ao React Router: o modo framework do React Router, desde a v7, é o sucessor do Remix v2. Projetos novos usam o create-react-router em vez do create-remix. Se você ainda tem um projeto Remix v2, veja Projetos Remix v2 existentes.

​
Crie o projeto

Você precisa do Node.js 22.22 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:
O inicializador cria o projeto e oferece instalar as dependências. Entre na pasta do projeto e inicie o servidor de desenvolvimento:
O servidor de desenvolvimento normalmente escuta em http://localhost:5173/. As rotas são declaradas em app/routes.ts, e o starter mapeia a página inicial para app/routes/home.tsx. Substitua o conteúdo desse arquivo por um exemplo simples:
app/routes/home.tsx

​
Faça o build para produção

Isso cria a pasta build/: build/client guarda os assets estáticos e build/server guarda o código do servidor. As ferramentas de build (@react-router/dev e Vite) são devDependencies, que a Square Cloud não instala, então rode o build na sua máquina.

​
Porta e host

Nada a mudar: o starter inclui o @react-router/serve, um servidor Node.js de produção, e um script start que o executa. O react-router-serve lê as variáveis de ambiente PORT e HOST, que a Square Cloud define como 80 e 0.0.0.0.
package.json

​
Configure a Square Cloud

Crie um arquivo squarecloud.app na raiz do projeto:
squarecloud.app
RUNTIME=nodejs seleciona o runtime Node.js sem exigir um arquivo MAIN, e o START substitui o comando de inicialização padrão. No upload pelo dashboard, defina o mesmo comando de inicialização.

​
O que vai no ZIP

  • build/, o build de produção.
  • package.json.
  • squarecloud.app.
Deixe de fora a node_modules: a Square Cloud instala as suas dependencies, incluindo o @react-router/serve, na primeira inicialização.

​
Projetos Remix v2 existentes

Projetos Remix v2 fazem deploy do mesmo jeito: execute npm run build localmente e mantenha START=npm run start, com o script start rodando o @remix-run/serve, que também lê PORT e HOST:
Projetos que ainda usam o compilador clássico do Remix (sem Vite) usam remix-serve ./build/index.js. Para migrar para o React Router, siga o guia oficial de atualizaçã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.
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.
Enviando aplicação para a Square Cloud
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 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.
Seu app não está iniciando? Veja o guia de solução de problemas para as causas e correções mais comuns.

​
Via CLI

Para usar esse método, seu projeto precisa de um arquivo de configuração chamado squarecloud.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 squarecloud.ignore lista, e faz o upload:
Para enviar um zip que você mesmo criou, passe-o com --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.
Seu app não está iniciando? Veja o guia de solução de problemas para as causas e correções mais comuns.

​
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.

​
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.
Para saber mais sobre o React Router, consulte a documentação oficial do React Router.

​
Contate-nos

Se você continuar enfrentando dificuldades técnicas, nossa equipe de suporte especializada está disponível para auxiliá-lo. Entre em contato conosco e teremos prazer em ajudá-lo a resolver qualquer questão: a qualidade do suporte é uma grande parte do motivo pelo qual desenvolvedores avaliam a Square Cloud com 4,9/5 em 402 avaliações no Google e Trustpilot.