Los pipelines son lo de hoy, nos gustan y los queremos, incluso si es para nuestros proyectos pequeños. Es increíblemente cómodo que nuestro sitio web se actualice automáticamente cuando nuestra rama main se actualiza gracias a Github Actions, por ejemplo. Por eso en este video te voy a enseñar cómo echar a andar tu propio workflow de Github para publicar tu sitio web en Fly.io automáticamente, ¡en tan solo tres pasos! ¿Te late? ¡Pues vamos ya!

Paso 1: Tener un proyecto Remix en Fly.io

Si no sabes cómo crear un nuevo proyecto web que funcione perfecto en Fly.io, deberías probar con Remix que ahora usa Vite como compilador. Te dejo otro video donde creo un proyecto desde cero. Y también el link del repo para que lo clones si quieres. 😇

Paso 2: Agregamos nuestro archivo yaml

Dentro de nuestro repo, agregamos un archivo deploy.yaml dentro de .github/workflows con el siguiente contenido:

name: Fly Deploy
on:
  push:
    branches:
      - main    # Cambia a la branch que necesites
jobs:
  deploy:
    name: Deploy app
    runs-on: ubuntu-latest
    concurrency: deploy-group    # opcional: solo una acción corriendo
    steps:
      - uses: actions/checkout@v4
      - uses: superfly/flyctl-actions/setup-flyctl@master
      - run: flyctl deploy --remote-only
        env:
          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}

Cómo verás, ahora necesitamos conseguir ese FLY_API_TOKEN, vamos a conseguirlo ejecutando el siguiente comando dentro de nuestro proyecto:

fly tokens create deploy -x 999999h

Copia eso y pégalo acá:

Así, lo único que faltará es hacer un push con nuestro nuevo archivo yaml.

git add -A && git commit -m "workflow added" && git push

Vamos a ver si nuestra acción se ejecuta correctamente. 👀

¡Felicidades! Terminaste. Ahora cada que subas a main se detonará el deploy. 🤖

Abrazo. Bliss. 🤓

Enlaces relacionados

Crea un proyecto Remix + Vite + Fly.io desde cero. https://fixtergeek.com/blog/remix-vite-tailwind-sqlite-flyio-2024