Navigate back to the homepage

Desplegar Gatsby en AWS Amplify

Javier Fonseca
January 21st, 2020 · 1 min read

Antes de hacer el despliegue final a producción se debe validar localmente si todo está en orden. Para probar que el build no va a tener problemas durante el despliegue, gatsby tiene los siguientes comandos

1gatsby build
2gatsby serve

En MacOS, el build no va a tener problemas de compilación si todo esta bien, en cambio en Windows va a arrojar un problema debido a que varios plugins, en especial gatsby-plugin-manifest debido a la dependencia sharp.

Una de las posibles soluciones es instalar sharp como dependencia del proyecto.

1yarn add sharp

Otra posible solución sería comentar icono mejorar las dimenciones del icono dentro de las opciones del plugin manifest en el archivo gatsby-config.js.

Es importante solucionar el problema que ocurre en Windows porque es exactamente el mismo problema que arroja en AWS Amplify durante el build.

Paso 1

Login en AWS Amplify Console

Paso 2

Conectar el branch que contiene la versión final a publicar, puede ser master. Amplify detectará autmáticamente los cambios hechos al branch y procederá a hacer build y el despliegue final.

Paso 3

Aceptar la configuración del build por default, Amplify detecta los scripts dentro del archivo package.json

Paso 4

Aceptar los cambios en “Save and Deploy”

Una vez que todos los pasos están en verde, se puede ver la página en la url generada por Apmlify, esta puede ser modificada en el DNS en el proveedor donde esté alojado el dominio.

Share

More articles from Javier Fonseca's Blog

Cómo agregar share buttons a un theme en Gatsby

Usar shadowing para modificar el archivo de artile usando un theme pre-instalado agregando nuevos componentes

January 19th, 2020 · 1 min read

Estructura Markdown usada por Gatsby

Guía de sintaxis de Markdown en Gatsby

January 18th, 2020 · 1 min read
© 2020 Javier Fonseca's Blog
Link to $https://twitter.com/fonsecaj89Link to $https://www.facebook.com/FonsecaJ89Link to $https://github.com/Fonsecaj89Link to $https://www.linkedin.com/in/fonseca25t