Todas las preguntas
51 preguntas con respuestas sin votos o no aceptadas
2
votos
0
respuestas
79
vistas
Problema al intentar mostrar un loader mientras realizo busqueda
Tengo un problema, tengo un componente que muestra resultados de busqueda. La idea es que si la busqueda se está realizando, mostrar un loader. Una vez que termina, se muestran los resultados o un ...
1
voto
0
respuestas
100
vistas
Input de Búsqueda no Retorna los Datos Esperados: ¿Cómo Solucionarlo?
Estoy utilizando el componente Command de ShadCN para crear un input de búsqueda dentro de un Dialog. El problema surge cuando escribo un término de búsqueda, por ejemplo, el título del post The ...
1
voto
0
respuestas
13
vistas
Al actualizar muestra el Home siempre
Estoy trabajando con NextJS, utilicé el yarn export para obtener el sitio estático... funciona todo perfecto pero cuando entraba a una ruta (por medio de un boton o enlace desde la misma web) y le ...
1
voto
2
respuestas
396
vistas
¿Cómo agregar un title (metadata) a una page en Next.js 13 si la page es 'use client'?
eh encontrado varias respuesta aquí y allá, que van desde usar un useEffect hasta crear un layout.jsx solo para poder agregar el title, y si bien estas y otras aproximaciones más funcionan, no pude ...
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 } ...
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 ...
0
votos
0
respuestas
14
vistas
Mi componente desaparece cuando llamo la funcion getHTML() en tiptap
Estoy utilizando TipTap como editor de mi blog, estoy intentando insertar un tweet en mi editor, para estoy estoy utilizando la opción que tiene twitter, para que me pueda renderizar el tweet cree una ...
0
votos
0
respuestas
12
vistas
Como puedo agregar un tweet en mi editor tiptap?
Estoy utilizando TipTap para mi editor para mi blog, estoy intentando agregar un tweet, si uso un metodo que encontre (aqui), donde se crea una extensión para TipTap utilizando React-Tweet, al estar ...
0
votos
0
respuestas
22
vistas
El elemento "Select" de ShadCN no muestra la seleccion correctamente en NextJS 14
estoy teniendo un problema con un componente de React en mi proyecto de Next.js.
El componente obtiene el ID del contacto desde la URL y carga los datos correspondientes en un formulario, permitiendo ...
0
votos
0
respuestas
8
vistas
Problema con el lazy load de splidejs
Estoy implementando en un componente de Nextjs14 a splidejs para un banner con dos imágenes. Según la documentación (que a continuación la daré) entendí como hacerlo pero no funciona: https://splidejs....
0
votos
0
respuestas
99
vistas
Nextjs: Un error de "is not a function" me sale al importar un context creado
Creé un context para almacenar el estado de si está abierto o no un collapse de un item para mostrar los subitems. Este estado lo necesito en más lugares, por eso hice el context.
"use client&...
0
votos
0
respuestas
129
vistas
Problema con el primer render del layout de NextJs
Estoy creando una navbar para incluirla en el layout.tsx de mi proyecto Next.js. Sin embargo, cuando inicio la página, aparece un error relacionado con "chunks". Esta navbar está hecha ...
0
votos
0
respuestas
35
vistas
Tabs o dots no redirigen a la seccion al dar click next js
Las tabs no redirigen bien a la seccion al dar click, a veces funciona y otras veces no, soy nuevo en gsap y next js, primero itero las secciones despues itero las tabs y por ultimo las conecto, no se ...
0
votos
0
respuestas
72
vistas
Desplegar website creado con Nextjs 14 en donweb
Tengo una landing page creada con nextjs14 y no estoy encontrando la manera de desplegarla en donweb. Esta es mi primera vez que quiero hacer esto y los tutoriales recomiendan hacerlo con vercel. El ...
0
votos
0
respuestas
52
vistas
Error: fetch failed en nextjs
Estoy trabajando con nextjs para crear una página web y estoy intentando tener metadata dinámica para las publicaciones de mi página, ahora, el problema es que al intentarlo me muestra lo siguiente:
...
0
votos
0
respuestas
28
vistas
Agregar la clase con la animación en scroll vertical
Necesitaría poder aplicar la clase cuando se vea al menos el 50%-75% del TimelineContent:
'use client'
import React, { useEffect, useState } from 'react'
import Timeline from '@mui/lab/Timeline';
...
0
votos
0
respuestas
40
vistas
Nextjs problemas de renderizado de backgraound img
Estoy haciendo una página en la que se renderiza una imagen a través de la clase de tailwind bg-[url("path")]
El problema viene cuando lo estoy haciendo a través de una constante que uso ...
0
votos
0
respuestas
55
vistas
Rutas paralelas no funcionan NextJS/Typescript
En mi proyecto tengo la siguiente estructura para la pagina "Home"
pages/
├─ home/
│ ├─ page.tsx
│ ├─ layout.tsx
│ ├─ @converter/
│ ├─ page.tsx
en la pagina @converter tengo esto:
export ...
0
votos
0
respuestas
36
vistas
Formulario con mapa interactivo para trazar ruta y calcular costos
Hola quiero poner en mi sitio web un mapa interactivo dentro de un formulario en el cual el usuario ponga en donde está y a donde quiere ir, para poder trazar la ruta y con los km totales sacar la ...
0
votos
0
respuestas
133
vistas
¿Como puedo usar el Cache de nextJS para actualizar una Pagina dinámicamente?
quería ver si alguien me ayuda porque no consigo que los datos se actualicen automáticamente. La página que intento actualizar es:
Y aquí esta el código, abajo del código explico alguna cosa ...
0
votos
0
respuestas
108
vistas
PROBLEMA CON API DE NEXTJS (Javascript fetch)
necesito ayuda porque cuando hago una petición me salta un error SyntaxError: Unexpected token o in JSON at position 1
Aquí dejo los codigos, son algo simples porque estoy aprendiendo NextJs y es solo ...
0
votos
0
respuestas
98
vistas
¿Como poner dos clases en Nextjs?
Estoy empezando con nextjs y me di cuenta que se genera un gran problema al tratar de poner dos clases diferentes en una misma etiqueta HTML, quiero poner dos clases haciendo uso del '.module.css'. ...
0
votos
0
respuestas
93
vistas
Error al querer obtener el CAE API AFIP SDK y peticion duplicada
estoy haciendo un sistema de facturacion con next js y node js utilizando a la api afip sdk y estoy teniendo un problema al momento de hacer la peticion para que afip me devuelva el CAE.
Al parecer se ...
0
votos
0
respuestas
45
vistas
estilos de css modules no cargan a volver a la pagina anterior
Estoy usando next js con rutas paralelas y rutas interceptadas para mostrar un modal,tambien uso next/Link para cambiar entre rutas
Aqui carga el modal correctamente
Recargo la pagina y me redirige ...
0
votos
0
respuestas
57
vistas
¿Cómo validar un solo error en Zod?
Tengo un schema en zod, en el que tengo distintas validaciones para un formulario.
¿Como podria incrustar en el JSX un solo error especifico?
{errors.password && (
<p"&...
0
votos
1
respuesta
125
vistas
Error al importar un componente Bootstrap en Nextjs
Error al mostrar un componente de hecho con bootstrap en un proyecto de NextJS pero me notifica un error con components/ExampleCarouselImage que no he logrado solucionar.
Este es el error notificado: [...
0
votos
0
respuestas
144
vistas
No carga imagen cuando hago Build en Next js 12
Estoy con un proyecto en next js 12, donde subo imagenes al backend para que este lo guarde en el servidor en la carpeta public, para despues renderizarlo en el cliente, esto funciona perfectamente en ...
0
votos
1
respuesta
145
vistas
como crear un cron job apartir de un form, nextjs
quiero hacer un formulario para generar una programacion(SCHEDULE) con los datos obtenidos del mismo, lo que he logrado leer es que se necesita un server externo para lograr esto con nextjs, quisiera ...
0
votos
0
respuestas
31
vistas
Error en Link tag
[![Usando la etiqueta Link en el componente donde la importo(NavBar) funciona correctamente, pero al importar NavBar component en el componente Home, y usando la navegación de Link, me da un error y ...
0
votos
1
respuesta
339
vistas
No me cargan las Imagenes de mi proyecto de NextJS13
Realice un proyecto para una empresa, donde utilice Nextjs y TailwindCSS, resulta que de manera local el proyecto funciona perfectamente, pero cuando lo voy a montar al CPANEL, las imagenes no me ...
0
votos
0
respuestas
295
vistas
¿Como convertir un client component a server component en nextjs 13.4?
Estoy realizando una app de comentarios con NextJs 13.4 (/src/app) + Firebase y quiero convertir el componente Home, donde se muestran todos los comentarios, como un server component, tengo que usar ...
0
votos
1
respuesta
97
vistas
Cambiar y reiniciar estado de componentes renderizados con un map
Estoy renderizando un componente <MenuITem /> más de una vez, usando .map() dentro de otro componete. El componente MenuItem tiene un estado que al hacer clic cambia los estilos.
Lo que quiero ...
0
votos
1
respuesta
79
vistas
Agregar múltiples objetos a un estado en React utilizando useContext
Estoy trabajando en una aplicación de comercio electrónico utilizando React y estoy teniendo dificultades para agregar múltiples objetos a un estado utilizando el hook useState y useContext. En mi ...
0
votos
1
respuesta
56
vistas
Como exportar los colores de Tailwind css a un modules.css
Estoy haciendo una sidebar en react con next js, uso tailwind pero para esta sidebar necesitaba algo mas personalizado una vez finalizado queria coordinar con los colores de tailwind para asi funciona ...
0
votos
1
respuesta
390
vistas
Como configurar un determinada ruta inicial en next js y que no comienze desde index
Como configurar una determinada ruta de partida en un proyecto de next js y que no comienze por el index.js como siempre
O sino tbn como hacer que desde el index.js se maneje una condicion y segun ...
0
votos
0
respuestas
254
vistas
NEXT JS - Problemas haciendo una build
Al hacer una build en Next JS 12 me devuelve este error
info - Compiled successfully
info - Collecting page data
[ ] info - Generating static pages (0/12)/motos
/marca/[marcas]
/
/coches
/login
...
0
votos
1
respuesta
31
vistas
Sass compila en mi pc pero no en producción
La pagina esta hecha con Next js y uso sass ^1.55.0 y @styled-jsx/plugin-sass ^4.0.2.
Al hacer next build pues me genera bien la pagina y todo y funciona con next start pero al hacer el next build en ...
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')
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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, ...
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 ...