miblog.net

Desplegar sitio estático en Cloudflare Pages



12/09/2026

En esta guía aprenderás como desplegar un sitio web estático de manera fácil usando Cloudflare Pages.

Antes de empezar asumiré que ya tienes un repositorio en GitHub con los archivos de tu proyecto, ya que es necesario para realizar el despliegue.


  1. Inicia sesión en Cloudflare Pages usando tu cuenta de GitHub


    Cloudflare Login

    Te pedira autorizar Cloudflare, lo autorizas.


    autorización cloudflare

    Bien, después de autorizar apareces en el dashboard de Cloudflare. En la barra de búsqueda (quick search) escribes 'worker & pages' y accedes al panel.


    worker y pages

    No se si estoy estúpido, pero aquí deberíamos encontrar algún botón para acceder al panel de creación de pages, pero visualmente nunca lo pude encontrar, si lo encuentran envíenme un correo.

    Para acceder al panel de pages, solo agregas '/create/pages' al final de la ruta actual en tu navegador.



  2. Da click en 'Get Started'


    panel creación pages

    Te mandará a una nueva página para conectar tu GitHub.


    conectar github

    Da click en 'Connect GitHub' y autorizas.

    autorizar pages

    Puedes elegir entre dar acceso a todos tus repositorios o seleccionar a los que quieras que tenga acceso.


  3. Configuración de despliegue inicial


    Configuración de despliegue

    Selecciona el repositorio donde se encuentra tu proyecto (sitio web estático) y da click en 'Begin setup'.


    Te enviara a una página donde tienes que ingresar el nombre del proyecto y el 'build command'. Por ejemplo, si usas JavaScript/TypeScript en tu proyecto, el comando para construir el proyecto es 'npm run build'.


    Configuración de build



    Como el sitio que voy a desplegar es solo HTML, lo dejo en blanco. Al final da click en 'Save and Deploy'.



  4. !Listo¡ Ya tienes tu sitio estático en producción.


  5. sitio en producción