En esta clase aprenderás a configurar un servidor web completo en Debian 12, incluyendo estructura de carpetas, Nginx, Python, SSL y conexión remota.

Objetivo: organizar correctamente los archivos de una página web en el servidor.

Estructura recomendada:

/var/www/
   └── mi_sitio_web/
        ├── index.html
        ├── assets/
        ├── css/
        └── js/
    

Buenas prácticas:

• Separar frontend por carpetas
• Evitar mezclar lógica con recursos estáticos
• Usar nombres claros y consistentes

Nginx se configura mediante archivos ubicados en:

/etc/nginx/conf.d/mi_sitio.conf

Concepto clave:

• Cada sitio web tiene su propio archivo .conf
• Nginx actúa como servidor web y proxy
• Permite múltiples sitios en un mismo VPS

Ejemplo de configuración base:

server {
    listen 80;
    server_name tu_dominio.com;

    root /var/www/mi_sitio_web;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }
}
    

Explicación:

• root: carpeta donde está tu web
• server_name: dominio o IP del servidor
• listen: puerto HTTP (80)

Python es fundamental para automatización y backend.

sudo apt update
sudo apt install python3 python3-pip -y
    

Verificación:

python3 --version
    

Uso común en VPS:

• APIs con Flask o FastAPI
• Automatización de despliegues
• Scripting de servidor

Instalación:

sudo apt install certbot python3-certbot-nginx -y
    

Generar certificado SSL:

sudo certbot --nginx -d tu_dominio.com -m tu_correo@ejemplo.com --agree-tos --no-eff-email
    

Beneficios:

• HTTPS seguro
• Mejor SEO
• Confianza del usuario

Objetivo: editar archivos del servidor directamente desde VS Code.

Pasos:

• Instalar extensión: SFTP (liximomo)
• Crear archivo de configuración sftp.json
• Agregar IP del VPS
• Configurar usuario y contraseña SSH

Ventajas:

• Edición en tiempo real
• Sin necesidad de FTP externo
• Mayor productividad

VS CODE → SFTP → VPS DEBIAN 12
                    ↓
              NGINX SERVER
                    ↓
             /var/www/html
                    ↓
              index.html
    

Este flujo representa un entorno real de producción usado en empresas.

• Debian 12 organiza proyectos en carpetas estructuradas
• Nginx gestiona sitios web mediante archivos .conf
• Python permite automatización y backend
• Certbot habilita HTTPS seguro
• VS Code + SFTP mejora el desarrollo remoto