YaDominiosYaDominios

Publicar una app de Lovable (o cualquier Vite/React) en YaDominios Cloud

Actualizado: 2026-07-18 · YaDominios

Sí. Una app hecha en Lovable es un proyecto Vite + React estándar que Lovable sincroniza a GitHub. Agregas un GitHub Action que corre el build (vite build → carpeta dist/ con index.html) y publica esa carpeta; YaDominios Cloud la detecta y tu app queda en vivo en tunombre.sitios.dev. Su backend de Supabase sigue funcionando, porque el frontend se conecta a él por HTTPS desde el navegador.

¿Somos compatibles con Lovable? Sí.

Lovable genera un frontend Vite + React + TypeScript + Tailwind y usa Supabase como backend (base de datos, autenticación). Además sincroniza tu proyecto a GitHub en cada cambio. Eso es exactamente lo que YaDominios Cloud necesita: un repo de GitHub que publica solo en cada push.

Cómo encaja cada parte

  • El frontend (la app Vite): corre en YaDominios Cloud como sitio estático. vite build produce una carpeta dist/ con index.html y sus assets — y dist/ es una de las carpetas que detectamos.
  • El backend (Supabase): sigue en Supabase. Tu app lo llama por HTTPS desde el navegador con la URL y la clave pública (anon) de Supabase, igual que en cualquier hosting. No hay que mover nada.

El único paso técnico: un GitHub Action que haga el build

Como no corremos tu build, agrega este workflow al repo que Lovable sincroniza. Construye la app y publica dist/ en una rama deploy que conectas en el panel:

# .github/workflows/build.yml
name: build-para-yadominios-cloud
on: { push: { branches: [main] } }
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: 22 }
      - run: npm ci && npm run build   # vite build → dist/
      - uses: peaceiris/actions-gh-pages@v4
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_branch: deploy
          publish_dir: ./dist

Las claves de Supabase

Vite embebe las variables VITE_* en el build (son públicas, del lado del cliente). Ponlas como secrets del repo en GitHub y pásalas al paso de build, o déjalas en un .env del repo si no te importa que sean visibles (la clave anon de Supabase está pensada para el navegador). Tu clave service_role nunca va al frontend.

Publicar

  1. Conecta el repo en app.yadominios.com → YaDominios Cloud (elige el nombre y pega la URL del repo; usa la rama deploy).
  2. Tu app queda en vivo en tunombre.sitios.dev con HTTPS.
  3. Cada cambio que hagas en Lovable → se sincroniza a GitHub → el Action reconstruye → tu sitio se republica solo.

¿Y si quiero la base de datos en YaDominios en vez de Supabase?

Se puede, pero es otro camino: tendrías que reemplazar las llamadas a Supabase por nuestra base env.DB dentro de un _worker.js (ver la guía técnica). Para empezar rápido, lo natural es dejar el backend en Supabase y el frontend en YaDominios Cloud.

Preguntas frecuentes

¿La app de Lovable funciona tal cual?

El frontend sí, con el Action de build. El backend (Supabase) sigue donde está; tu app lo sigue usando por HTTPS. No tienes que reescribir nada para empezar.

¿Sirve para otras herramientas (Bolt, v0, Vite a secas)?

Sí. Cualquier proyecto Vite/React que genere un dist/ con index.html funciona igual: el mismo Action publica la carpeta dist/ y listo.

¿Cada cambio en Lovable se publica solo?

Sí. Lovable sincroniza a GitHub en cada save; ese push dispara el Action y republica tu sitio en YaDominios Cloud automáticamente.

Sigue leyendo

¿Listo para tu dominio?

Búscalo ahora y tenlo activo en minutos.

Buscar mi dominio