¿Cuál es la diferencia entre las siguientes estrategias de representación del componente js <Script /> ( afterInteracive , beforeInteractive , lazyLoad ) y el uso de la etiqueta <script /> normal con async y defer ?
afterInteractive , beforeInteractive y lazyLoad manejan el script y deciden cuándo se carga (desde docs ). También difiere en el 'lugar' donde carga el script. beforeInteractive carga su script en <head> de su proyecto. afterInteractive carga su script en <body> de su proyecto.
Básicamente, es solo la forma en que Nextjs maneja los scripts en su aplicación. La principal diferencia es que no debe usar la etiqueta de secuencia de comandos en la cabeza ( en Nextjs ), sino colocarla en cualquier otro lugar y usar la estrategia correcta para que Nextjs sepa dónde colocarla.