NextJs 12 en Netlify

Recientemente me encontré con la necesidad de actualizar un proyecto de NextJs v11 a la v12.

El upgrade de versiones funcionó muy bien, actualicé otras dependencias e instalé una nueva que requería la nueva versión de next y su funcionamiento en localhost no presentó ningún problema.

Ese mismo día actualicé el repositorio esperando que se actualizara el sitio en netlify y así se pudieran ver los cambios . Al día siguiente me comentan que no había cambios por lo cual al revisar veo que no se pudo hacer el build (mi error no revisar al momento).

Después de investigar un poco, un post en el foro de netlify me iluminó y pude lograr el build.

Por los momentos para usar la versión de nextjs 12 en netlify hay que usar el plugin en versión beta.

Entonces debemos instalar

npm install -D @netlify/plugin-nextjs@beta

Luego en nuestro directorio base crear el archivo netlify.toml y compiar el siguiente código:

[build]
publish = ".next"

[[plugins]]
package = "@netlify/plugin-nextjs"

De esta manera podrás hacer el build y todo debe funcionar como a la perfección.

Si previamente habías hecho modificaciones en next.config.js agregando distDir puedes eliminarlo.