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.
130 preguntas
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 ...
1
voto
0
respuestas
120
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 ...
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
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 ...
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 ...
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 ...
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 ...
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
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 ...
0
votos
0
respuestas
51
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 ...
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 ...
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. ...
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, ...
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 ...
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
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, ...
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 ...
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 ...
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 ...
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 ...
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
73
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
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 ...
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
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 ...
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
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.
...
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';
...
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 ...
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
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 ...
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 ...
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 "/" ...
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
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:...
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 ...
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 ...
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 ...
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\...
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
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....
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
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 ...
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, ...
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 ...