Despliegue en Streamlit Cloud

Una vez desarrollada la aplicación localmente, el siguiente paso es desplegarla en línea para que pueda ser accedida desde cualquier navegador. Para este fin, utilizaremos Streamlit Community Cloud, un servicio gratuito que permite publicar apps hechas con Streamlit directamente desde un repositorio de GitHub.

Esta etapa es clave, especialmente en el contexto de un hackathon, ya que permite mostrar el resultado final al jurado o a otros equipos sin necesidad de instalaciones locales.

Requisitos para publicar

  • Una cuenta en https://github.com/
  • Un repositorio público que contenga tu proyecto
  • Una cuenta en https://streamlit.io/cloud vinculada a tu GitHub

Estructura mínima del proyecto

El repositorio debe contener al menos:

/mi-proyecto/
│
├── app.py                # Archivo principal de la app
├── requirements.txt      # Lista de dependencias

Ejemplo de contenido para requirements.txt:

streamlit
requests
graphviz

Asegúrate de que este archivo incluya todas las bibliotecas necesarias para que la app funcione correctamente en el entorno remoto.

Publicar la app paso a paso

  • Sube tu proyecto a GitHub
  • Puedes crear el repositorio desde cero o subirlo con comandos como:

git init
git add .
git commit -m "Primer commit"
git branch -M main
git remote add origin https://github.com/tu-usuario/nombre-repo.git
git push -u origin main

Entra a Streamlit Cloud

🔗 Ir al recurso

  • Haz clic en “New app”
  • Selecciona el repositorio donde está tu proyecto.
  • Indica el archivo principal (`app.py`).
  • Haz clic en Deploy.
  • En segundos, tendrás una URL pública donde cualquiera puede acceder a tu app.

Buenas prácticas para el deploy

  • Si usas claves API, nunca las subas directamente al repositorio. Usa variables de entorno o configura `secrets` en la interfaz de Streamlit Cloud.
  • Personaliza tu `README.md` para explicar brevemente cómo funciona tu app.
  • Verifica que tu app se renderice bien en celulares si el jurado la evaluará desde uno.

Resultado final esperado

Una app funcional, accesible mediante un enlace web, que permita a cualquier persona escribir una idea de aplicación y visualizar al instante un diagrama del flujo de pantallas sugerido por IA.

https://miusuario-streamlit-generador-flujos-apps.streamlit.app/

Con este paso concluye el taller. ¡Tu app está lista para el mundo!

Interfaz con Streamlit y Graphviz

Sección anterior