Desplegar la aplicación con Surge.sh: ¿Cómo configurarla en GitLab?

Desplegar la aplicación con Surge.sh: ¿Cómo configurarla en GitLab?

¿Cómo funciona Surge y para que sirve?

Surge es una plataforma serverless en la nube para el despliegue de contenido de estático sin la necesidad de preocuparse por configurar un servidor web, por lo que es sumamente sencillo realizar un deployment.

Para instalar surge ejecuta el comando de instalación.

yarn global add surge

Vamos al directorio public de nuestro proyecto.

cd public

Ejecutamos surge.

surge

Surge solicitará el correo electrónico, ingresamos nuestro correo.

Welcome to surge! (surge.sh)
   Login (or create surge account) by entering email & password.

          email: [email protected]

Después nos pedirá un password, como no hemos registrado una cuenta solo basta dar Enter dos veces para preguntar si hemos olvidado el password (Forgot), escribimos (yes) y esto nos enviará un mensaje al correo electrónico.

password:
       password:
       password:
         forgot? (yes) yes

   Password Recovery - reset instructions sent to [email protected]

Una vez que recibamos la notificación por correo electrónico, este contendrá un enlace en donde podremos definir nuestra contraseña.

Regresamos a la terminal y ejecutamos surge nuevamente.

surge

Ingresamos nuestro correo electrónico, la contraseña con la que nos hemos registrado, enseguida nos pedirá el path de nuestro proyecto, autocompletado con la ruta desde donde ejecutamos surge.

project: /home/user/proyectos/misitioestatico/public/

El path es distinto dependiendo de la ruta en donde tengas almacenado tu proyecto.

El siguiente valor es el dominio sobre el cual vamos a alojar nuestro proyecto, surge ofrece subdominios gratuitos con la extensión .sh, podemos personalizar este si se encuentra disponible.

domain: arumals-static.surge.sh
         upload: [====================] 100% eta: 0.0s (67 files, 1773043 bytes)
            CDN: [====================] 100%
     encryption: *.surge.sh, surge.sh (130 days)
             IP: ###.###.###.###

Al finalizar este proceso tendremos un sitio desplegado sobre el dominio que hemos elegido, abrimos la dirección url y veremos que nuestro sitio web estático creado con Gatsby puede ser consultado desde esta dirección.

VPN

  • Ir a la oferta de NordVPN

Moda

Accesorios