Desplegando sitio web usando Surge.sh ūüöÄ
Notion image

Primeros pasos

Primeramente necesitamos tener instalado NodeJs para poder usar el manejador de paquetes npm y instalar el paquete de surge de forma global

Para instalarlo ejecutamos el comando npm install --global surge o de también forma simple npm i -g surge

Desplegar a Surge ūüźĪ‚ÄćūüŹć

Ejecutar surgedesde cualquier directorio, para publicar ese directorio en la web.

Si es tu primera vez podrás crear una cuenta directamente desde la línea de comandos, luego implementar y alojar tu sitio de forma gratuita en Surge.

Notion image

Puedes usar Surge para desplegar tus proyectos usando React, Vue y Angular.

Si realizas alg√ļn cambio y quieres desplegarlo ejecutando¬†--domain¬†y especificar el dominio.

surge --domain successful-cork.surge.sh

Forzar a utilizar HTTPS

Todos los proyectos publicados en Surge reciben soporte SSL b√°sico y gratuito.

Si tu proyecto es http://my-project.surge.sh, https://my-project.surge.sh también funcionará. Para que la versión http:// siempre se redirija a la versión https://, publica tu proyecto en la URL https:// explícitamente:

surge --domain https://my-project.surge.sh

Dar de baja a un proyecto publicado

A veces, ya no deseas que un proyecto se publique en un dominio o subdominio particular. Para lograr esto, puede desmontar un proyecto a través de Surge CLI. Esto efectivamente desconectará el proyecto.

Ejecute surge especificando el dominio que ya no desea utilizar. Por ejemplo, si su dominio no deseado fuera my-project.surge.sh, ejecutarías:

surge teardown my-project.surge.sh

Guarda tu dominio en un archivo CNAME

Tambi√©n puedes guardar tu dominio en un archivo CNAME para que no tengas que escribirlo en la CLI. Agrega un archivo CNAME (sin extensi√≥n) a la ra√≠z del proyecto que est√°s implementando y Surge lo usar√° autom√°ticamente. Puedes crear un nuevo archivo CNAME en el editor de texto de tu elecci√≥n o tambi√©n puedes hacerlo directamente desde la CLI y a√Īadir en el archivo el dominio.