Dos formas de Pre-Rendering en Next.js

2024-01-01

Next.js tiene 2 formas de pre-rendering: Static Generation y Server-side Rendering. La diferencia está en cuándo se genera el HTML de la página.

  • Static Generation es método de pre-rendering que genera el HTML en tiempo de compilación. El HTML pre-rendered es utilizado en cada request.

  • Server-side Rendering es el método pre-rendering que genera el HTML en cada request

Next.js permite seleccionar qué método de pre-rendering utilizar en cada página. Se pueden crear aplicaciones Next.js híbridas utilizado Static Generation para la mayor cantidad de páginas y utilizar Server-side Rendering para las demás.