Skip to main content

Todas las preguntas

Etiquetadas con
Filtrar por
Ordenado por
Etiquetadas con
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 ...
Avatar del usuario John
  • 176
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 ...
Avatar del usuario TD Perez
  • 407
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 ...
Avatar del usuario TD Perez
  • 407
0 votos
1 respuesta
42 vistas

Error con hydrateRoot y renderToString REACT

paso a comentarles mi problema, en sintesis, estoy utilizando DataTable y mediante una API consigo inyectarle los datos (Datos dinamicos ya que con un select modifico la tabla y su contenido). Mi ...
Avatar del usuario Juanchi Benitez
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 ...
Avatar del usuario Rodri Gc
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....
Avatar del usuario Leandro
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&...
Avatar del usuario Emilio Pereira
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 ...
Avatar del usuario Quide
  • 1
1 voto
1 respuesta
52 vistas

Error de compilación al crear formularios con useForm en bucle

Tengo el siguiente error de compilación: Failed to compile. ./src/app/[locale]/(portfoil)/admin/project-translations/[id]/ui/tabs-translations.tsx 24:37 Error: React Hook "useForm" cannot ...
Avatar del usuario AQMR
  • 1,480
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 ...
Avatar del usuario Cristian Rojas
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 ...
Avatar del usuario Cesar Ulises Cappa Subelza
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: ...
Avatar del usuario TD Perez
  • 407
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'; ...
Avatar del usuario AQMR
  • 1,480
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 ...
Avatar del usuario AQMR
  • 1,480
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 ...
Avatar del usuario Juan García
0 votos
1 respuesta
37 vistas

docker-compose no funciona con nextjs14 + golang

Tengo la siguiente estructura de carpeta: /backend (en golang) /frontend (en next14) compose.yml Dentro de backend/ tengo su despectivo Dockerfile: FROM golang:1.22 WORKDIR /app COPY go.mod . COPY ...
Avatar del usuario Nahuel Jotandjota
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 ...
Avatar del usuario KingGhna
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 ...
Avatar del usuario PonnyTheLight
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 ...
Avatar del usuario PonnyTheLight
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'. ...
Avatar del usuario sandiooo
  • 139
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 ...
Avatar del usuario Gonzalo Bermudez
1 voto
1 respuesta
185 vistas

Problemas con el ajuste de tamaño de una imagen utilizando react-zoom-pan-pinch y Next.js

Estoy teniendo dificultades para lograr que una imagen se ajuste correctamente al tamaño de un contenedor en mi aplicación, utilizando react-zoom-pan-pinch y Next.js. He intentado varias soluciones, ...
Avatar del usuario OMAR REYES ZAMUDIO
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 ...
Avatar del usuario EDUARDO JOSUE ZAMORA VALVERDE
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"&...
Avatar del usuario tino
  • 1
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 ...
Avatar del usuario KatiaSisHost
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: [...
Avatar del usuario Juan ZM
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 ...
Avatar del usuario Zaithet Owhen
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 ...
Avatar del usuario mormig93
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 ...
Avatar del usuario Wilson Collantes Aponte
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 ...
Avatar del usuario Camilo Cuitiva
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 ...
Avatar del usuario Sancaf
  • 344
0 votos
1 respuesta
106 vistas

como renderizar un array de components, nextjs

quería saber como puedo hacer un array de componentes, ya que he hecho varias pruebas sencillas y no me funciona como esperaba. He buscado por internet pero me salen ejemplos que no tienen que ver con ...
Avatar del usuario mormig93
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 ...
Avatar del usuario kilex
  • 413
0 votos
1 respuesta
778 vistas

Como desplegar una app de nextjs 13 en cPanel

Tengo el compromiso de subir una aplicación que esta con NextJS 13 a cPanel. Ya he intentado de todo pero nada me sirve. La documentación de NextJS con respecto a los despliegues en otras plataformas ...
Avatar del usuario Santiago Baron Zuleta
0 votos
1 respuesta
102 vistas

NextAuth mongodb Adapter no manda la informacion del usuario a la db

Estoy aprendiendo sobre nextjs y una de las cosas que me gusto fue la posibilidad de usar Next-Auth y poder mandar la informacion del usuario a una base de datos usando los adapters que ofrece. En mi ...
Avatar del usuario Bruno Cicerchia
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 ...
Avatar del usuario Griger
  • 3
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 ...
Avatar del usuario Víctor Álvarez
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 ...
Avatar del usuario user329032
0 votos
1 respuesta
464 vistas

Next JS - Problemas al usar next export (Error occurred prerendering page)

estoy trantando de hacer el build de mi sitio y me sale el siguiente error en cada una de las paginas: $ next export info - Loaded env from /Users/xWesko/Desktop/web/client/.env.production info - ...
Avatar del usuario xWesko
  • 472
0 votos
1 respuesta
160 vistas

Botón para cargar más elementos en NextJS

en nextJS estoy trayendo datos de una api y me gustaría implementar un botón para cargar 40 elementos más cada vez que se presione el botón y que cuando se haya alcanzado el máximo de elementos para ...
Avatar del usuario Sebastian Ponce
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 ...
Avatar del usuario GianMatty
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 ...
Avatar del usuario ilernet
  • 1,323
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 ...
Avatar del usuario Agustin G.
  • 2,770
3 votos
1 respuesta
291 vistas

Cuando hago asincrona una funcion recibo el error: Objects are not valid as a React child (found: [object Promise])

Tengo un componente que recibe un array con objetos. Estos objetos pueden tener un type y depende de esto, deberian renderizar diferentes componentes. Me sucede que el type: reviews necesita hacer ...
Avatar del usuario Agustin G.
  • 2,770
1 voto
1 respuesta
579 vistas

Middleware en next.js parece no hacer nada

Estoy utilizando la versión 13.1.1 de Next e intenté crear un Middleware básico siguiéndolo la documentación algo parecido a esto: // middleware.js import { NextResponse } from 'next/server' // This ...
Avatar del usuario NSMichelJ
1 voto
1 respuesta
972 vistas

Como descargar un archivo local con nextjs

Me encuentro probando diferentes soluciones y librerias, pero no consigo lo que necesito, el "desafio" es el siguiente, estoy trabajando con nextjs, tengo un archivo pdf en /src/public/pdf/...
Avatar del usuario Andres Barilin
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 ...
Avatar del usuario Achalogy
0 votos
1 respuesta
83 vistas

Omitir parámetros de query si estos son nulos

Tengo un Link que al presionarlo conduce a una url dentro de mi aplicacion. A esta url quiero pasarle parametros, entonces tengo una funcion: function handleUrl() { return { pathname: slug ...
Avatar del usuario Agustin G.
  • 2,770
0 votos
1 respuesta
52 vistas

MUI (o Emotion?) me genera muchas etiquetas de estilo en Next.js

(no se si es un problema de MUI, de Emotion, de Webpack, de Next.js, de React... asi que no se bien como orientar la pregunta) Tengo un proyecto en next.js 12.2.5 y react 18.2.0. Entre las ...
Avatar del usuario Agustin G.
  • 2,770
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