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
0 respuestas
21 vistas

¿Cómo obtengo los datos del usuario logueado en Nextjs 15 y strapi?

Tengo un inicio de sesión usando como backend Strapi, lo que intento es obtener la informacion del usuario logueado en cualquier pagina, pero no puedo ya que al momento de verificar la cookie me manda ...
Avatar del usuario EdKane
  • 13
1 voto
0 respuestas
97 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
0 respuestas
22 vistas

Cuando purifico mi HTML? Antes de guardarlo o cuando lo voy a mostrar? [cerrada]

Estoy realizando una blog utilizando NextJS, estoy utilizando tiptap para el editor y para purificar o limpiar mi html estoy utilizando isomorphic-dompurify. Pero me surgió la siguiente duda: ¿En que ...
Avatar del usuario TD Perez
  • 407
0 votos
0 respuestas
19 vistas

Tengo un monorepo con nx que tiene nexrtjs y espress y no se que he hehco pero ya no se ejecuta porque me dice que Joi.object es undefined

Este es el repositorio El monorepo tiene varias librerias uan de ella es joi que ahi se crean los esquemas y luego web y api importan joi y sus esquemas. El proyecto de web no hay problema al compilar ...
Avatar del usuario Gerard Du Pre
0 votos
1 respuesta
20 vistas

Problemas al sincronizar estado de autenticación en Layout y Sidebar Next.js con un Provider

Estoy desarrollando una aplicación en Next.js donde utilizo un Layout general para englobar todos mis componentes, incluido un Sidebar que debe mostrarse solo cuando el usuario está autenticado. La ...
Avatar del usuario Sebastián
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
20 vistas

Problema en ruta dinamica Nextjs

Estoy utilizando este componente page.tsx alojado en profile/[id] (ruta dinamica de nextjs). Y tengo dos problemas que me surjen. En el localhost cuando estoy seteado como empresa me indica que no hay ...
Avatar del usuario guido llaurado
0 votos
0 respuestas
50 vistas

Redirección fallida después de un login exitoso en Next.js

Problema de redirección después de un login exitoso en Next.js Versión de Next.js: 14.2.4 Paquetes instalados en mi entorno de backend: argon2id, express, jsonwebtoken, cookie-parser, cors Estoy ...
Avatar del usuario John
  • 176
0 votos
0 respuestas
37 vistas

¿Como llevar a produccion una aplicacion con Next.js cuando tiene rutas dinamicas?

Cuando genero el build utilizando output: 'export, se me genera una carpeta llamada out, son archivos estaticos por lo cual no funcionan mis paginas y no muestran ningun dato que obtengo de una url ...
Avatar del usuario Next
  • 1
0 votos
0 respuestas
21 vistas

Problema al renderizar una determinada webview en una actividad nativa de android

Estoy teniendo problemas para renderizar una determinada web en mi actividad nativa android. El problema en si, no es con todas las webs, ya que si renderizo webs como Amazon, Facebook, Disney +, etc. ...
Avatar del usuario Lucas Acuña
0 votos
0 respuestas
19 vistas

Next14 - Shadcn: Warning "In HTML, <div> cannot be a descendant of <p>. This will cause a hydration error."

Estoy desarrollando una aplicación con Next14 y utilizo componentes de Shadcn, me da un warning en consola asociado a un componente form proveniente de Shadcn, el warning es el descripto en el título, ...
Avatar del usuario Guillermo Alberto Rivarola
0 votos
0 respuestas
12 vistas

Issue en amchart5, Next js

Tengo este componente en el que muestro un mapa, con datos dinamicos, para mostrar estos datos en el pais correcto hago el setData, el problema es que tambien quiero al hacer click hacer una funcion ...
Avatar del usuario Black Hack
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
15 vistas

Error en el width con la tabla

Estoy haciendo un proyecto en NextJS utilizando NextUI y TailwindCSS. Tengo la parte para ver los shifts, la cual contiene una tabla y varios filtros. Cuando elimino la tabla, lo demas se ve perfecto, ...
Avatar del usuario Lucas Leone
0 votos
0 respuestas
24 vistas

Api Handler de nextjs devuelve 404 en produccion y en local funciona

Tengo un problema un poco extraño, tengo una app desplegada en EC2 AWS, utilizando Nextjs version 14 app router. Cuando hago una petición utilizando API folder en mi entorno local funciona ...
Avatar del usuario Jose Gonzalez
0 votos
0 respuestas
26 vistas

¿Cómo puedo implementar jwt si estoy usando next auth en mi proyecto Next js junto con el proveedor de Google para conectarme a una API en Flask?

Estoy creando una aplicación web que necesita consumir una API de flask. La autenticación se realiza inicialmente mediante next auth, pero me gustaría que la aplicación web consuma un servicio de una ...
Avatar del usuario ZenDev
  • 1
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
34 vistas

Error con Jest en Next.js al utilizar openlayer. SyntaxError: Unexpected token 'export'

Tengo un proyecto de Next.js para realizar algunas funciones geométricas. Para ello hago uso de la librería de mapas de openlayer. Cuando trato de utilizar Jest en Next.js para testear un componente ...
Avatar del usuario ragolo
  • 13
0 votos
0 respuestas
77 vistas

No aplica estilos CSS al hacer deploy en Vercel

Al hacer el deploy en Vercel de mi aplicación con NextJS y TailwindCSS no me aplica los estilos de CSS, no tengo ideas que puede estar mal en la configuración
Avatar del usuario Dianelys Martinez Del Toro
0 votos
0 respuestas
39 vistas

Me da error al usar prisma db push

estoy creando un proyecto con nextjs, prisma y mongodb pero a la hora de subir los modelos a mongo me sale este error y no se por que es he echo comprobaciones con la base de datos y no me dan fallo ...
Avatar del usuario Alejandro José
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
49 vistas

Next JS - SignIn funcional con credenciales

Estoy con un problema para el inicio de sesión usando credenciales(es decir, correo y contraseña) ya que al momento de enviar el correo y la contraseña parece que no regresa el objecto de usuario. ...
Avatar del usuario isafranco_13
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
1 voto
0 respuestas
34 vistas

Optimización de requests a Firestore

antes que nada aclaro que soy un novato en desarrollo web, con lo cual hay muchas cosas que aún ignoro. Mi pregunta es más bien conceptual más que de código. Estoy desarrollando una aplicación web en ...
Avatar del usuario Lucas
  • 333
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
29 vistas

Como enviar mails con oauth2 sin actualizar manualmente el refresh token?

Necesito resolver algo, he creado una api para enviar mails mediante oauth2 y javascript, funciona correctamente, pero cada cierto tiempo , se vence el refreshtoken, y tengo que volver a actualizarlo ...
Avatar del usuario grupo 360
0 votos
0 respuestas
56 vistas

Envíar msj de whatsapp a través de mi aplicacion NextJS

Estoy desarrollando un aplicación para gestionar turnos y me gustaría que una vez que la persona reserve el turno se le envíe un msj automáticamente a su whatsaap. Que librería me recomiendan usar, ya ...
Avatar del usuario Federico Rossi
0 votos
1 respuesta
87 vistas

Problemas al mostrar imágenes en rutas dinámicas con Github Pages

Estoy teniendo problemas a la hora de mostrar imágenes en rutas dinámicas en un proyecto de NextJs que he subido a Github Pages. En local funciona perfectamente, solo tuve que añadir la "/" ...
Avatar del usuario Ruben Palomo
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
0 respuestas
17 vistas

¿Por que mi componente no puede generar rutas dinamicas?

Estoy tratando de generar en mi componente una ruta dinamica: import { FC } from "react"; import { NameCountry } from "@/interface/CountryFull"; const dinamycRequest = async (name:...
Avatar del usuario sandiooo
  • 139
0 votos
0 respuestas
36 vistas

Por qué no puedo pasar el objeto user a otra pagina(next.js)?

Estoy tratando de asignar roles de usuario pero me estoy dando cuenta que en la pagina dashboard(usuario), esta apareciendo JSON no definidos, esto es solo si uso correo y contraseña, usando google ...
Avatar del usuario isafranco_13
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
19 vistas

Nexti18 problema con enrutado

Configure mi proyecto de Next JS con nexti18 para traducir todo pero noto que en el enrutado solo me funciona con el locale en 'es' y en 'en' me da un not found, no se que pueda ser, mi configuración ...
Avatar del usuario Joaquin Garcia
0 votos
1 respuesta
188 vistas

Error al instalar NextJs

Les pido por favor una mano ya que no puedo instalar NextJs en mi computadora, me sale este error en la terminal, Gracias PS C:\Users\FACUNDO> cd C:\Users\FACUNDO\Desktop\NextJs PS C:\Users\FACUNDO\...
Avatar del usuario Facundo M Steckler
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
42 vistas

No logro subir mi repositorio Nextjs a Vercel

Hola cuando subo mi repositorio a Vercel obtengo: TypeError: Cannot read properties of null (reading 'useContext') at exports.useContext >(/vercel/path0/node_modules/react/cjs/react.production.min....
Avatar del usuario Giuliano Caruso
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
0 votos
0 respuestas
180 vistas

conexión local a servidor Postgres desde NExtjs version 14

estoy intentado conectarme con el proyecto de ejemplo de NEXT versión 14, dashboard no quiero utilizar la plataforma de VERCEL, deseo conectarme localmente a mi servidor local de Postgres, me sale el ...
Avatar del usuario JOHN MACK
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
301 vistas

Application error: a client-side exception has occurred (see the browser console for more information). NEXT JS 14

me pasa algo muy extraño, estoy empezando a usar Next JS pero al inicializar un proyecto después de instalar dependencias, trato de levantar el servidor con npm run dev y me levanta la pagina pero ...
Avatar del usuario Joaquin Guerrero