Tema 8 · Despliegue cPanel

Subir tu Primer Proyecto a un Hosting Web (cPanel public_html)

Aprende a conectarte a tu hosting con FileZilla, ubicar el directorio raíz public_html y subir tu sitio web evitando el error clásico de la subcarpeta.

Modos de Transferencia: Binario vs ASCII (Evitar corrupción) Filtros de Exclusión: Ignorar .git, .env y node_modules

La Estructura de Archivos en Servidores cPanel

Cuando te conectas vía FTP a una cuenta de hosting compartido con cPanel o Plesk, el servidor te sitúa en la carpeta raíz de tu cuenta de usuario (ejemplo: /home/usuario/).

En esa carpeta existen directorios internos del sistema como mail/, etc/, ssl/ y logs/. Los visitantes de tu dominio en internet solo pueden ver lo que esté dentro de la carpeta pública:
/public_html/ (en algunos servidores llamada también www).

El Error Típico del Principiante: Arrastrar la Carpeta Completa

⚠️ Error Común de Estudiantes: Si en tu PC tienes una carpeta llamada mi-tienda y la arrastras completa dentro de public_html, para ver tu página tendrás que escribir en el navegador:
https://tudominio.com/mi-tienda/ (¡Lo cual se ve poco profesional!).

La Solución Correcta: Entra a la carpeta mi-tienda en el panel local de la izquierda, selecciona todos sus archivos internos (index.php, assets/, etc.) y arrástralos directamente a la raíz de /public_html/. De este modo, al visitar https://tudominio.com/ tu web cargará al instante.

Gestión de Conflictos: Acción si el Archivo ya Existe

Cuando subes una actualización de tu código, FileZilla te preguntará qué hacer con los archivos que ya están en el servidor. Las opciones recomendadas son:

  • Sobrescribir si el archivo de origen es más nuevo: Solo sube los archivos que modificaste recientemente en tu editor, ahorrando tiempo.
  • Sobrescribir siempre: Asegura que el servidor tenga exactamente tu versión local.
  • Marca la casilla "Usar siempre esta acción" y "Aplicar solo a la cola actual" para que no te pregunte por cada uno de los cientos de archivos.

⚡ Estructura de Archivos Recomendada dentro de public_html

Disposición estándar de un sitio web en producción listo para cargar en tu dominio:

estructura-public-html.txt
Solo lectura 
/home/tu_usuario/public_html/
│
├── .htaccess             <- Reglas de reescritura Apache y redirección HTTPS
├── index.php             <- Punto de entrada principal de tu aplicación
├── favicon.ico           <- Icono del sitio web
├── robots.txt            <- Indicaciones para Google y motores de búsqueda
│
├── css/
│   ├── bootstrap.min.css
│   └── estilo.css
│
├── js/
│   └── app.js
│
├── images/
│   └── logo.png
│
└── api/
    └── conexion.php
🧠
Mini-Quiz de Retención
Comprueba tu comprensión antes de pasar a la siguiente lección
1 Pregunta
Pregunta 1
¿En qué carpeta de un hosting con cPanel debes colocar los archivos de tu proyecto para que sean visibles públicamente en tu dominio www.tudominio.com?
🦉
¿Tienes dudas con este tema?
Sócrates AI puede darte analogías y explicarte este código paso a paso.

🚀 ¿Quieres dominar Manual de FileZilla: FTP, SFTP & Despliegue Web y crear proyectos reales?

Aprende arquitectura limpia, desarrollo web moderno, buenas prácticas y despliegue en producción con nuestro Bootcamp Fullstack Developer con mentorías en vivo.

Conocer el Bootcamp

🏛️ Autoría y Propiedad Intelectual: Obra educativa original de David Amador para Kilopolis Academia (Solucionáticos), estructurada sobre las especificaciones y estándares abiertos del W3C, el estándar vivo de WHATWG y la documentación oficial de código abierto. © Todos los derechos reservados.