Skip to main content

Preguntas con la etiqueta [nextjs]

Next.js es un marco de trabajo minimalista para aplicaciones React renderizadas por servidor, así como aplicaciones React exportadas estáticamente.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
1 respuesta
264 vistas

Como usar el Fetch Javascript de Postman en un componente de React?

Pruebo una llamada en Postman y todo anda bien, extraigo el codigo para fetch de JavaScript: var myHeaders = new Headers(); myHeaders.append("Content-Type", "application/json"); ...
Avatar del usuario Agustin G.
  • 2,770
1 voto
1 respuesta
74 vistas

Como funciona el verificador "?" en React/Next?

Tengo una consulta, estoy trabajando en un proyecto en React 17 y Next 12, y existe una forma de validar que un objeto no es null de una forma que no conocia, algo como: miObjeto?.objetoInterior?....
Avatar del usuario Agustin G.
  • 2,770
0 votos
1 respuesta
55 vistas

Server Error ReferenceError: document is not defined

Al hacer render a la aplicacion obtengo este error me señala la linea 17... no entiendo porque 15 | <App /> 16 | </React.StrictMode>, > 17 | document.getElementById('root') ...
Avatar del usuario Roly Miranda Díaz
0 votos
0 respuestas
25 vistas

Render Componente Modal en Index.jsx ReferenceError: setShowModal is not defined

Estoy comenzando con react, tengo una aplicacion en la que cree el componente modal en ./components/Modal, lo importo al Navbar y cuando clico el boton de registrarme tengo el siguiente error ...
Avatar del usuario Roly Miranda Díaz
0 votos
1 respuesta
1k vistas

Pasar multiples parametros a la API de Next.js

En mi carpeta API tengo /forecast/[coords].js, espero poder pasarle dos datos, una lat y una lon, para que la API me devuelva el clima para los próximos días en la zona elegida. Mi archivo [coords].js ...
Avatar del usuario Agustin G.
  • 2,770
0 votos
1 respuesta
398 vistas

Por qué ocurre este error al recargar página en NextJS?

Tengo una página que muestra una serie de vídeos los cuales se traen de backend dependiendo de las palabras clave buscadas. La primera carga de la página ocurre bien, pero al recargar la página ...
Avatar del usuario lRetro
  • 453
0 votos
0 respuestas
286 vistas

Como puedo resolver este error en Nextjs (Uncaught TypeError Cannot read properties of undefined)

estoy haciendo una app en nextjs al ejecutarla me sale un error en la consola del navegador he buscado una solucion al respecto pero no encuentro una, siento que estoy haciendo mal en mi codigo a ...
Avatar del usuario mormig93
1 voto
1 respuesta
435 vistas

Error al hacer fetch a una ruta de la api NEXTJS

Tengo un componente en pages/profile/[profile].js en el cual quiero hacer una peticion fetch a la ruta pages/api/profile/[profile].js, pero al hacerlo me da un error 404 //pages/profile/[profile]....
Avatar del usuario wicho0205
0 votos
2 respuestas
325 vistas

Problema de estado con NextJS

Tengo una page en la cuál me tengo que traer información de backend de forma ordenada y setear los estados para mostrar el HTML con los elementos. Me llega el ID de una Masterclass por URL, y el orden ...
Avatar del usuario lRetro
  • 453
0 votos
1 respuesta
100 vistas

Por qué se renderiza antes de terminar el useEffect?

Me gustaría saber porque el componente se renderiza antes de que termine la ejecución de un useEffect el cual actualiza un estado. Explico: tengo un componente que renderiza un listado de vídeos ...
Avatar del usuario lRetro
  • 453
0 votos
1 respuesta
946 vistas

Actualizar page sin recargar en NextJS

Tengo una page que maneja vídeos, los cuales se listan por secciones o mediante una búsqueda. El caso es que al actualizarse los estados del componente quiero que se vea reflejado en la web, pero esto ...
Avatar del usuario lRetro
  • 453
0 votos
0 respuestas
121 vistas

¿Por qué onChange no provoca re render?

Tengo un select para hacer un sort entre "price" y "alph", el select cambia, se ejecuta el callback. El callback setSort, cambia el estado el cual esta siendo monitoreado por un ...
Avatar del usuario xDonYeyox
0 votos
1 respuesta
192 vistas

Como mando esta información de hijo a padre en REACT / NEXTJS

Tengo una clase padre que es una page de NextJS el cual renderiza un listado de vídeos, para el cual cada listado es un componente hijo "VideoList". Lo que quiero hacer es que desde ...
Avatar del usuario lRetro
  • 453
0 votos
1 respuesta
351 vistas

Modificar un array de objetos segun clave en javascript

Tengo un array de objetos del tipo: sections = [ { name: "primero", videos: [] }, { name: "segundo", videos: [] } ] Lo que pretengo hacer es un recorrido a ...
Avatar del usuario lRetro
  • 453
0 votos
1 respuesta
184 vistas

Como puedo hacer esta búsqueda en typescript y react?

estoy haciendo un proyecto en nextjs y quiero ordenar un array de secciones partiendo de una información que me viene de una API. Las interfaces que tengo definidas son las siguientes: export ...
Avatar del usuario lRetro
  • 453
2 votos
1 respuesta
595 vistas

Como cargar una ruta dentro de otra en NEXTJS

gracias de ante mano por tomarse tiempo y leer mi pregunta. Estoy haciendo un backoffice para practicar REACT con NEXTJS. Quiero que al navegar por el menu vertical de la izquierda las distintas ...
Avatar del usuario Mmcp
  • 121
1 voto
1 respuesta
46 vistas

Como hacer todo list usando contextApi + localStorage

lo unico que quiero hacer es un TODO list que se guarde en localstorage, lo cual ya logre, y por otro lado quiero tener esos datos en toda la app usando contextApi,lo raro es que esto ya lo hice ...
Avatar del usuario xDonYeyox
0 votos
0 respuestas
84 vistas

Como espero a que se actualice el valor de la variable sin setTimeout?

Necesito esperar a que se actualice la variable antes de la primera y en cada iteración pero no puedo usar setTimeout porque cuando lo hago, algo muy importante deja de funcionar. Async await no es ...
Avatar del usuario NullCode
1 voto
0 respuestas
85 vistas

react-spinners no funciona | nextjs

La situation es simple, tengo un spinner que quiero que se muestre cuado el valor loader es true, pero no funciona, si pongo una palabra como 'ok' esta si aparece y desaparece. import { useState } ...
Avatar del usuario xDonYeyox
0 votos
1 respuesta
91 vistas

La autorización del encabezado no llega | NextJs SSR - Amplify custom headers JWT

En localhost y Vercel, funciona perfectamente. El token de autorización básico no llega a la configuración del middleware de NodeJS. Probé muchos encabezados en customHttp.yml, también busqué ...
Avatar del usuario Solumobil
0 votos
0 respuestas
139 vistas

Node.js httponly cookie desaparece cuando recargo la página

he creado una api en express.js y cuando hago la petición para el login, tengo implementado una función para crear un httponly cookie, y efectivamente cuando hago la petición se crea. El problema ...
Avatar del usuario Diego
  • 1
0 votos
0 respuestas
73 vistas

Categorizar los colores en React JS con Leafltet para un mapa

estiy usando react js con next para un mapa necesito categorizar por colores unos numeros pero realmente aun no me ha funcionado Debo sacar de esos colores 6 categorias pinta un mapa departamentos las ...
Avatar del usuario user247930
1 voto
0 respuestas
64 vistas

No se muestras las imágenes de texto enriquecido de contentful

Estoy intentando cambiar de cms sin cabeza de mi blog de flamelink a contentful. Ya conecte con el cms (no hay problema con eso) el inconveniente nace cuando se muestra el contenido en forma de texto ...
Avatar del usuario Mac32
  • 112
2 votos
2 respuestas
54 vistas

Javascript funcionan despues de navegar NextJS

Hola estoy pasando un template de html a NextJS. Cuando carga el sitio por primera vez, carga todo los js, despues de navegar hacia otra pagina. Y regresarme al Inicio, ya no me funciona el Slider, el ...
Avatar del usuario xWesko
  • 472
0 votos
1 respuesta
431 vistas

Aplicación en react-nextjs cuando recargo una página esta se rompe, sale error 404

Estamos creando una landing page, con nextjs vr:10.0.9 y react vr: 17.0.1. tengo mis rutas tal cual especifican en la documentación oficial de nextjs https://nextjs.org/docs/api-reference/next/link, ...
Avatar del usuario Sebas Valencia
0 votos
1 respuesta
406 vistas

URL Amigables en Rutas dinámicas de React JS y Next JS

Estoy desarrollando una aplicación en Next JS y he creado varias rutas dinámicas con url similares a esto. https://midominio.com/section/single-product/02694f7a6e2fe82 y me gustaría que esta ruta ...
Avatar del usuario Gustavo Barrios
3 votos
2 respuestas
1k vistas

paginas dinámicas en nextjs

Tengo un pequeño inconveniente... estoy haciendo un blog con nextjs y firestore. Hasta el momento todo marcha bien. El problema es que tengo un archivo [id].js para cargar las publicaciones de forma ...
Avatar del usuario Mac32
  • 112
0 votos
1 respuesta
608 vistas

No me muestra la imagen en nextjs

Estoy haciendo un blog en nextjs y estoy armando los componentes. Tengo una seccion de skills en la pagina "sobre mi" pero intento cargar imagenes para representar cada habilidad pero no se ...
Avatar del usuario Mac32
  • 112
1 voto
2 respuestas
140 vistas

Me devuelve undefined nextjs firebase

tengo un pequeño inconveniente, esto realizando un blog con nextjs y firestore, obtengo la informacion de firestore y la cargo al estado pero por alguna razon cuando trato de renderizar la informacion ...
Avatar del usuario Mac32
  • 112
0 votos
0 respuestas
69 vistas

NEXT JS: gtServerSideProps devuelve null

tengo este componente en el cual quiero cargar la info de una API, estuve leyendo la documentación de NextJS, pero cuando le hago console.log a posts me devuelve undefined https://nextjs.org/docs/...
Avatar del usuario xWesko
  • 472