Post Top Ad

Your Ad Spot

domingo, 29 de diciembre de 2019

Next.js: ejecute código solo en el lado del servidor o del lado del cliente en Next.js

En los componentes de su página, puede ejecutar código solo en el lado del servidor o en el lado del cliente, pero verificando la windowpropiedad.
Esta propiedad solo existe dentro del navegador, por lo que puede verificar
if (typeof window === 'undefined') {
}
y agregue el código del lado del servidor en ese bloque.
Del mismo modo, puede ejecutar código del lado del cliente solo marcando
if (typeof window !== 'undefined') {
}
Consejo de JS: Aquí utilizamos el typeofoperador porque no podemos detectar un valor indefinido de otras maneras. No podemos hacerlo if (window === undefined)porque obtendríamos un error de tiempo de ejecución "la ventana no está definida"
Next.js, como optimización de tiempo de compilación, también elimina el código que usa esas comprobaciones de los paquetes. Un paquete del lado del cliente no incluirá el contenido envuelto en un if (typeof window === 'undefined') {}bloque.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas