Cómo escribir código que solo se ejecuta en un lado de la pila: frontend o backend
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 window
propiedad.
Esta propiedad solo existe dentro del navegador, por lo que puedes comprobarla
if (typeof window === 'undefined') {}
y agregue el código del lado del servidor en ese bloque.
De manera similar, puedes ejecutar código del lado del cliente solo marcando
if (typeof window !== 'undefined') {}
Consejo de JS: utilizamos el typeof
operador aquí porque no podemos detectar un valor que no esté definido de otras formas. No podemos hacerlo if (window === undefined)
porque obtendríamos un error de tiempo de ejecución que indicaría que la ventana no está definida. Fotos Porno y actrices porno
Next.js, como una optimización del tiempo de compilación, también elimina el código que utiliza esas comprobaciones de los paquetes. Un paquete del lado del cliente no incluirá el contenido incluido en un if (typeof window === 'undefined') {}
bloque.
Tips de Next.js (enrutador de páginas)
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Next.js: ejecuta 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. Cómo escr
programar
es
https://aprendeprogramando.es/static/images/programar-next-2191-0.jpg
2024-10-16
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente