cover

Cómo auto-publicar un sitio web Remix en Fly.io cuando se actualiza main

author photo

Héctorbliss

@hectorbliss


Mira el video si prefieres:

robot logo saying hello

No te quedes atrás: Actualízate

Suscríbete para recibir información sobre nuevos frameworks, updates, eventos, tips, hacks y más.

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á:

preview

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. 👀

successful workflow

¡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

banner

¿Quieres mantenerte al día sobre los próximos cursos y eventos?

Suscríbete a nuestro newsletter

Jamás te enviaremos spam, nunca compartiremos tus datos y puedes cancelar tu suscripción en cualquier momento 😉

robot logo saying hello
facebook icontwitter iconlinkedin iconinstagram iconyoutube icon

© 2016 - 2023 Fixtergeek