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.

76 preguntas con respuestas sin votos o no aceptadas
Filtrar por
Ordenado por
Etiquetadas con
2 votos
0 respuestas
71 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,948
1 voto
0 respuestas
64 vistas

Next.js Middleware No Puede Acceder a las Cookies JWT en Producción con Diferentes Dominios

Estoy desarrollando una aplicación con Next.js para el frontend y Node.js con Express.js para el backend. Utilizo un middleware en Next.js para la autenticación basada en JWT. En mi entorno de ...
Avatar del usuario Joaquín Caballero
1 voto
0 respuestas
11 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
1 voto
2 respuestas
220 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
1 voto
0 respuestas
170 vistas

Como puedo obtener mi IP pública en Next.JS

Tengo un proyecto en Next 12 y tengo un componente con un contador de visitas. Este contador de visitas intenta obtener la IP del usuario. El tema es que una vez en producción, el contador no avanza y ...
Avatar del usuario M.G
  • 31
1 voto
0 respuestas
39 vistas

Auth0 en Nextjs solo funciona en desarrollo

Tengo un problema con next-auth0 que no logro entender de donde viene. En desarrollo todo funciona bien, pero en produccion me pasa lo siguiente: Tengo un menu con muchos botones, uno de ellos tiene ...
Avatar del usuario Agustin G.
  • 2,948
1 voto
0 respuestas
29 vistas

Error: Cannot find module '@babel/code-frame'

Estoy comenzando un nuevo proyecto con npx create-next-app@latest y quiero integrar storybook automáticamente usando npx storybook@next init pero recibo el siguiente error: node:internal/modules/cjs/...
Avatar del usuario Cristian Corzo
1 voto
0 respuestas
79 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
1 voto
0 respuestas
60 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
0 votos
0 respuestas
10 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
17 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
0 respuestas
11 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
0 respuestas
17 vistas

Como puedo solucionar este problema al querer instalar NextJs en mi computadora?

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
21 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
24 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
35 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
43 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
27 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
20 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
44 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
0 votos
0 respuestas
101 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
0 votos
0 respuestas
23 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
24 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
0 votos
0 respuestas
42 vistas

ERROR en build de next js

tengo este componente de panel de administrador que una vez q el usuario se loguea te redirige automaticamente al panel con la lista de productos el problema es que al hacer el build el componente ...
Avatar del usuario Agustin Peiretti
0 votos
2 respuestas
102 vistas

Cómo hacer un renderizado condicional en next 14, obteniendo el pathname desde el servidor

Estoy luchando con Next! Alguin sabe como acceder al path actual en layout.js ?? (Sin perder el server component) Necesito renderizar condicionalmente la Navbar y el Footer. Si alguien me puede ayudar ...
Avatar del usuario Gustavo Clemente
0 votos
1 respuesta
66 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
78 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
0 respuestas
15 vistas

Como mover el centro del mapa en pixeles?

Tengo un mapa de react-leaflet, const [center, setCenter] = useState({ lat: null, lng: null, }); useEffect(() => { setCenter({ lat: initLocation?.latitude || initLocation?....
Avatar del usuario Agustin G.
  • 2,948
0 votos
0 respuestas
19 vistas

¿Cómo uso una variable que contiene un enlace ubicada en un componente cliente en el resto de componentes sean o no clientes en Next.js 13?

Veran estoy haciendo un proyecto, el cual en resumen de mi problema, debo tener una interfaz donde se ingresara en un input el enlace donde se encuentra montado una API de terceros que usare, en ...
Avatar del usuario Mickel Arroz
0 votos
0 respuestas
31 vistas

Problemas para configurar el boton "eliminar" de la base datos de mi App

estoy haciendo una app con Nextjs12 y prisma y lleva una base de datos mysql el problema es que al configurar el botón de "Eliminar" no logro que funcione y no doy con la solución. lo estoy ...
Avatar del usuario luigui
  • 19
0 votos
0 respuestas
15 vistas

debo hacer routing dinamico a mi url

estoy construyendo routing dinamico con next.js 12 y debo hacer fetch con la url que se ve en la imagen adjunta a esta pregunta, dicha url es de mi propio backend e intento hacer el routing con el ...
Avatar del usuario luigui
  • 19
0 votos
0 respuestas
31 vistas

Agregar datos adicionales a la base de datos creado por MongoDBadapter con Next-Auth

Estoy trabajando con Next-Auth con el objetivo de crear un sistema de login simple que cuando un usuario se logea cree en una base de datos mongoDB con los datos del usuario(name, mail y imagen). El ...
Avatar del usuario Bruno Cicerchia
0 votos
0 respuestas
15 vistas

Manterner barra de herramientas de TinyMCE al perder el focus

Estoy usando TinyMCE 6 con React y estoy creando un plugin para agregar comentarios con la selección del texto dentro del tiny y el texto del comentario lo agrego desde otro componente externo, pero a ...
Avatar del usuario Yasser Jiménez Martínez
0 votos
0 respuestas
12 vistas

Llamada al backend con serverSideProps sale mal (Nextjs 13)

Estoy haciendo un catálogo donde necesito que al clickear en un producto, se redirija a la página de dicho producto con toda la información. Para esto estoy usando rutas dinámicas e intento usar ...
Avatar del usuario Martina Rosales
0 votos
1 respuesta
50 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
23 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
177 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
0 votos
0 respuestas
213 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
0 respuestas
30 vistas

¿Cómo importo fuentes locales en Next 13.4.7?

tengo este archivo export const Brush = localFont({ src: [ { path: "../public/fonts/brush.woff2", weight: "normal", style: "normal", }, ], ...
Avatar del usuario Natalia Chiara
0 votos
0 respuestas
52 vistas

Problemas con FontAwesome Icon en Next JS

Estoy tratando de depolyar un repo en Git. Fue creado Con TS y NextJS. Me tira el siguiente error. Creo que va por el lado de las dependencias. Instale, desistanle fontawesome y nada. Si alguno sabe ...
Avatar del usuario Walter
  • 1
0 votos
0 respuestas
33 vistas

Animaciones de Use Animations no funcionan

Estoy haciendo un Footer con iconos animados con la libreria react-useanimations para acceso a Redes Sociales. Por alguna razón en algunos proyectos de Nextjs funcionan y en otros simplemente no ...
Avatar del usuario Marcelo Figueroa
0 votos
0 respuestas
77 vistas

Next.js 13.4.4 no se carga si existe un server action y está presente el middleware

Tengo un formulario "use client" con una función de acción "server side". Cuando el middleware actúa en la ruta de ese formulario, la aplicación falla al renderizar con este error. ...
Avatar del usuario Facundo E. Villagra
0 votos
0 respuestas
49 vistas

Subir multiples imagenes a un S3 usando nextjs

Estoy creando un ecommerce con nextjs 13.3.1 y quiero subir múltiples imágenes de un producto a un s3,cuál es la forma de hacerlo?
Avatar del usuario Jonas Garcia
0 votos
0 respuestas
19 vistas

Como leer archivos de windows con Nextjs & typeorm?

Estoy teniendo problemas para encontrar una solución a mi problema actual por eso escribo aca. Tengo una API basada en Nodejs con Nextjs y TypeORM. Lo que estoy intentando hacer es que al entrar en ...
Avatar del usuario Lucaz
  • 11
0 votos
1 respuesta
154 vistas

Cuenta no encontrada de Github en Vercel

Hola, quisiera saber si alguien de aquí ya a tenido este problema al querer desplegar un proyecto en vercel, soy nuevo en esto y quiero hacer una cuenta de vercel con mi GitHub pero me aparece este ...
Avatar del usuario Luis Carlos Castro
0 votos
1 respuesta
62 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
53 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
41 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
45 vistas

Failed to compile. Module not found: Can't resolve for assets Nextjs

estoy tendiendo este error cuando hago deploy a Vercel o Netlify de mi proyecto de NextJS, localmente funciona, tanto en desarrollo como producción. ¿Qué puedo estar haciendo mal? Estoy usando la ...
Avatar del usuario cristian ismael Gramajo
0 votos
0 respuestas
64 vistas

Problema actualizar Next 12 a Next 13

Tengo mi proyecto en Next 12, estoy conectado a una rama develop que es la principal. Cree una nueva rama para actualizar a Next 13. En esta nueva rama corri npm install next@latest. Al intentar ...
Avatar del usuario Agustin G.
  • 2,948