Production Ready con Netlify

Cuando creamos el proyecto desde el CLI de Remix y hemos seleccionado Netlify como servicio de hosting, no hay mucho más que debamos hacer.

Solo vamos a asegurarnos de que todo está en su lugar y de que podemos publicar nuestra aplicación con el comando:

npm run deploy

Este comando ejecuta a su vez:

netlify deploy --build --prod

Recuerda que si quitas el --prod puedes publicar un preview.

Confirmando

Si estas autenticado en tu cuenta de Netlify, deberías ver lo siguiente:

Un pequeño resumen de la compresión, hashing y subida de nuestro código ya transformado en funciones de Netlify.

Además de entregarnos un conjunto de URLs:

• dos para leer los logs y
• dos más para visitar el sitio (link directo de la versión y la url principal).

Esta facilidad para publicar nuestro sitio y la alta compatibilidad con herramientas de nodejs, son algunas de las razones para utilizar Netlify.

Posible error con Prisma

Si al hacer el deploy de tu aplicación, te sale este error.

Es importante no perder de vista que al hospedar nuestro sitio web en Netlify, no tenemos un servidor de ningún tipo; ni virtual, ni compartido, estamos en un entorno serveless, dentro de una red de nodos Edge que ejecuta nuestra aplicación como una simple función.

Y algunas herramientas podrían no estar preparadas al cien, para el edge, como es el caso de Prisma, afortunadamente el equipo de Prisma trabaja duro en adaptar su herramienta para el Edge.

Vamos a agregar una linea extra en nuestro prisma.schema para resolver este problema.

// prisma.schema

generator client {
  provider      = "prisma-client-js"
  binaryTargets = ["native", "rhel-openssl-1.0.x"]
}

// ...

Basta con agregar binaryTargets = ["native", "rhel-openssl-1.0.x"] al bloque generator del archivo prisma.schema

Y volvemos a generar el cliente de Prisma, por si las moscas.

npx prisma generate

npm run deploy

Para finalmente detonar otro deployment.