🚀 Como configurar e rodar o Frontend com nosso script!

🎥 Confira no vídeo abaixo a diferença entre rodar com o auto-instalador e rodar com nosso script otimizado, além do passo a passo para dar o comando de build:

⚙️ Ajustando o .env

No seu frontend, adicione as variáveis de ambiente:

REACT_APP_BACKEND_URL=http://dominio-do-backend.com
REACT_APP_BACKEND_API=http://dominio-do-backend.com
REACT_APP_BACKEND_URL_LOCAL=http://IP-DA-VPS:8080
REACT_APP_BACKEND_URL_PUBLIC=http://dominio-do-backend.com

PROXY_PORT=443
PORT=3000

👉 Observações:

• 📌 REACT_APP_BACKEND_URL_LOCAL → deve ser o IP da VPS.
• 🌍 As outras URLs devem usar o domínio do backend.
• 🔀 PROXY_PORT originalmente é 8080, mas deve ser alterado para 443.
• 🖥️ PORT deve receber a porta onde o frontend vai rodar.

📦 Build do sistema

Antes de gerar o build, remova a pasta antiga (se existir):

rm -R build

Agora crie o build:

npx cross-env REACT_APP_API_URL=https://dominio-do-backend.com npm run build

▶️ Iniciando o sistema

Depois de configurar, inicie com o PM2:

pm2 start --name=frontend 360house.js

✅ Pronto! O seu frontend já estará rodando!

📂 Arquivo de inicialização

Baixe o arquivo 👉 aqui e deixe na raiz do frontend. O código do 360house.js deve ser assim:

const express = require("express");
const path = require("path");

const app = express();
const PORT = process.env.PORT || 3000;

app.use(express.static(path.join(__dirname, "build")));

app.get("*", (req, res) => {
  res.sendFile(path.join(__dirname, "build", "index.html"));
});

app.listen(PORT, () => {
  console.log(`🚀 Frontend rodando em http://192.168.88.194:${PORT}`);
});

⚠️ Onde está 3000, substitua pela porta que o frontend deverá rodar.

---

✨ Agora é só aproveitar o sistema rodando liso com nosso script! ✨