Pon tu app en línea, sin saber programar

El VPS es tu servidor (donde ya vive academiaprotraders.com). Necesitas 3 cosas de él, que te dio tu proveedor por correo cuando lo contrataste:

• La IP del servidor — un número como 185.22.14.203
• El usuario de acceso — casi siempre root (a veces ubuntu)
• La contraseña (o el archivo de llave .pem) de ese usuario

Si no los encuentras, entra al panel de tu proveedor (Hostinger, Contabo, DigitalOcean, etc.) → sección del servidor → ahí aparecen la IP y la opción de resetear la contraseña de root.

1) Para escribir comandos en el servidor:

• Windows: ya tienes PowerShell (búscalo en el menú inicio). No necesitas instalar nada. Alternativa: PuTTY.
• Mac: ya tienes Terminal (Cmd+Espacio, escribe “Terminal”).

2) Para subir los archivos de la app:

• Windows / Mac: descarga FileZilla (gratis). Es como un explorador de archivos que copia de tu compu al servidor arrastrando.

Es el paquete de la app que te entregué. Descomprímela si viene en .zip. Al abrirla deberías ver estos archivos:

protraders-vps/
├── server.js              · el motor de la app
├── package.json
├── .env.example
├── deploy.sh              · instalador automático
├── supabase-schema.sql
└── public/
    ├── index.html         · la app en sí
    ├── manifest.json
    ├── sw.js
    └── icons/

Van a aparecer todo el rato. No necesitas más que esto:

1. Abre console.anthropic.com
2. Clic en Sign up (arriba a la derecha)
3. Regístrate con tu correo o con Google
4. Abre el correo de confirmación que te llega y confirma

1. Menú izquierdo → Billing (facturación)
2. Clic en Buy credits (comprar créditos)
3. Agrega $10 USD con tu tarjeta

1. Menú izquierdo → API Keys
2. Clic en Create Key
3. Ponle un nombre, ej. protraders-app
4. Clic en Create Key

Abre FileZilla. Arriba del todo hay 4 casillas. Llénalas así:

• Servidor: la IP de tu VPS (ej. 185.22.14.203)
• Nombre de usuario: tu usuario (ej. root)
• Contraseña: tu contraseña
• Puerto: 22

Clic en Conexión rápida. Si te sale una ventana de “clave desconocida del host”, marca “Confiar siempre” y acepta — es normal la primera vez.

Estado: Conexión establecida, esperando el mensaje de bienvenida...
Estado: Conectado

En el panel derecho aparecen los archivos del servidor.

1. En el panel derecho (el servidor), en la barra de ruta escribe /var/www/ y pulsa Enter. Si no existe, clic derecho en un espacio vacío → Crear directorio → escribe www → entra en él.
2. En el panel izquierdo (tu compu), navega hasta donde tienes la carpeta protraders-vps.
3. Arrastra la carpeta protraders-vps completa desde la izquierda hacia el panel derecho.
4. Espera 1–2 minutos a que suba todo. Abajo verás la cola de archivos vaciándose.

Abre PowerShell (Windows) o Terminal (Mac). Pega esto, cambiando usuario y la IP por los tuyos:

ssh usuario@LA-IP-DE-TU-VPS

Pulsa Enter. La primera vez pregunta Are you sure...? → escribe yes y Enter. Luego pide la contraseña.

Welcome to Ubuntu 22.04 LTS ...
root@servidor:~#

Ese # parpadeando significa que ya estás dentro del servidor. 🎉

Ya dentro del VPS, ejecuta estos comandos uno por uno (pega, Enter, siguiente):

cd /var/www/protraders-vps

cp .env.example .env

nano .env

Se abre el editor nano. Verás dos líneas. En nano, el símbolo ^ significa la tecla Ctrl. Haz esto:

1. Con las flechas, ve al final de la línea ANTHROPIC_API_KEY=sk-ant-pega-aqui...
2. Borra el texto de ejemplo después del = (tecla Suprimir / Backspace)
3. Pega tu llave real: clic derecho del mouse (o Ctrl+Shift+V)

Debe quedar así (tu llave real, sin espacios):

ANTHROPIC_API_KEY=sk-ant-api03-XXXXXXXXXXXX...
PORT=3000

Para guardar y salir de nano:

1. Ctrl+O  (guardar)
2. Enter  (confirmar el nombre)
3. Ctrl+X  (salir)

Un solo comando lo hace todo: instala Node.js, las dependencias, enciende la app con PM2 y abre el puerto:

bash deploy.sh

✓ DESPLIEGUE COMPLETO
Tu app está corriendo en: http://TU-IP:3000

En tu compu o tu teléfono, abre esta dirección (con tu IP real):

http://LA-IP-DE-TU-VPS:3000

Deberías ver la pantalla de bienvenida con el logo ProTraders y luego “BIENVENIDO A LA ACADEMIA PROTRADERS”. Puedes tocar “Crear cuenta” y probar el modo demo.

1. Abre supabase.com → Start your project
2. Regístrate con GitHub o con tu correo
3. En el panel, clic en New project

Configúralo así:

• Name: protraders-academia
• Database Password: genera una fuerte y guárdala (por si algún día la necesitas)
• Region: South America (São Paulo) — la más cercana a Colombia
• Plan: Free

Clic en Create new project y espera 2–3 min a que se cree.

1. Menú lateral de Supabase → SQL Editor (icono <>)
2. Clic en + New query
3. En tu compu, abre el archivo supabase-schema.sql con el Bloc de notas / TextEdit
4. Selecciona todo (Ctrl+A) y copia (Ctrl+C)
5. Pégalo en el editor de Supabase (Ctrl+V)
6. Clic en Run (abajo a la derecha, o Ctrl+Enter)

Success. No rows returned.

Verifica: menú → Table Editor. Deben aparecer 4 tablas: profiles, trades, manu_chat, comm_messages.

1. Menú → engranaje Settings → API
2. Copia el Project URL — algo como https://abcdefgh.supabase.co
3. Copia la llave anon / public — un texto largo que empieza con eyJ...

Método fácil: editas el archivo en tu compu y lo re-subes con FileZilla.

1. En tu compu, abre protraders-vps/public/index.html con el Bloc de notas (Windows) o TextEdit en modo texto plano (Mac)
2. Busca (Ctrl+F): const SUPABASE = {
3. Pega tus valores entre las comillas, así:

const SUPABASE = {
  url:     'https://abcdefgh.supabase.co',
  anonKey: 'eyJhbGciOiJIUzI1NiIs...',
};

4. Guarda el archivo
5. Con FileZilla, sube ese index.html a /var/www/protraders-vps/public/ (reemplaza el que está ahí)
6. En la ventana de SSH, reinicia la app:

pm2 restart protraders

Para que tus usuarios entren al instante al registrarse:

1. Supabase → Authentication → Providers → Email
2. Desactiva Confirm email
3. Save

Abre de nuevo http://TU-IP:3000, toca Crear cuenta y regístrate. Luego, en Supabase → Authentication → Users, deberías verte a ti mismo en la lista.

Entra al panel donde administras academiaprotraders.com → sección DNS / Registros DNS. Añade un registro:

• Tipo: A
• Nombre / Host: app
• Valor / Apunta a: la IP de tu VPS
• TTL: por defecto (o 3600)

Guarda. Ahora hay que esperar a que se propague (de 5 a 30 min). Verifícalo con este comando en SSH — cuando responda con la IP de tu VPS, está listo:

ping app.academiaprotraders.com

En SSH, uno por uno:

sudo apt-get update

sudo apt-get install -y nginx certbot python3-certbot-nginx

Abre el archivo de configuración:

sudo nano /etc/nginx/sites-available/protraders

Pega exactamente esto (clic derecho → pegar):

server {
    server_name app.academiaprotraders.com;
    client_max_body_size 5M;
    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

Guarda y sal: Ctrl+O → Enter → Ctrl+X

Uno por uno:

sudo ln -s /etc/nginx/sites-available/protraders /etc/nginx/sites-enabled/

sudo nginx -t

syntax is ok
test is successful

sudo systemctl reload nginx

sudo certbot --nginx -d app.academiaprotraders.com

Te preguntará:

• Tu email real → escríbelo y Enter
• Aceptar términos → escribe A y Enter
• Compartir email con EFF → N y Enter (o Y si quieres)

Congratulations! You have successfully enabled
https://app.academiaprotraders.com

Abre en el navegador https://app.academiaprotraders.com. Deberías ver el candado 🔒 a la izquierda de la dirección y tu app cargando.