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
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
185 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
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
0 respuestas
84 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
264 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
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
1 voto
1 respuesta
221 vistas

Ecommerce con Next.js y Medusa - Error al instalar Admin Panel

Estoy tratando de crear una tienda con https://github.com/medusajs/vercel-commerce Si sigo los pasos indicados en ese Readme, la tienda se instala perfecto. Tengo endpoints para consultar mis ...
Avatar del usuario Agustin G.
  • 2,770
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
1 voto
0 respuestas
315 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
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
123 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
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
1 voto
0 respuestas
46 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,770
1 voto
0 respuestas
45 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
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
1k vistas

Cómo pasar datos de una página a otra en NextJs?

Tengo una aplicación de un carrito en Next con 2 páginas, una es un Login y la otra el Main con los productos y sus categorías. En el Login obtengo la dirección, cómo podría pasar ese valor a la ...
Avatar del usuario Spamm3r
2 votos
1 respuesta
115 vistas

Middleware lanza un error

Tengo un middleware en mi app de next para que convierta todas las urls (excepto las rutas de la api) a minúsculas. import { NextResponse } from "next/server"; const Middleware = (req) =>...
Avatar del usuario Agustin G.
  • 2,770
0 votos
1 respuesta
111 vistas

Acceder a los params del context desde getStaticProps en una pagina estática

Estoy en una ruta estática con parametros (/search?doa=...&dod=...) y quisiera obtenerlos en ctx.params. Cuando imprimo mi ctx es un objeto con las propiedades locale,locales y defaultLocales, ...
Avatar del usuario Agustin G.
  • 2,770
0 votos
1 respuesta
682 vistas

Como enviar un objeto a la API de Next.js a través de un fetch

En mi carpeta /pages/api/reservations tengo un archivo index.js que se encarga de hacer una llamada a un endpoint externo. En un componente estoy accediendo al archivo anteriormente mencionado al ...
Avatar del usuario Agustin G.
  • 2,770
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
0 votos
1 respuesta
101 vistas

Porque no funciona el componente Script de next?

Tengo mi _document que retorna esto: <Html lang="en-US"> <Head> <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700;900&...
Avatar del usuario Agustin G.
  • 2,770
1 voto
2 respuestas
233 vistas

Error al ejecutar "yarn build" en una aplicación de Next Js y Typescript

Estoy intentando construir una aplicación de Nextjs y Typescript, solo que al querer ejecutar "$ yarn build", me aparece el siguiente error: Failed to compile. ./lib/mdx.ts Module not found:...
Avatar del usuario Brandon Garcia
0 votos
1 respuesta
405 vistas

¿Cómo crear una llave privada con crypto-js en nextjs?

Estoy tratando de enviar una mensaje encriptado con una llave pública y codificado en base64, este lo envio a traves de query params en la url de mi apliacion de next y recibe correctamente el ...
Avatar del usuario Alvaro J Vanegas
0 votos
0 respuestas
90 vistas

No logro hacer funcionar un Radio Group con MUI y Formik

Tengo un formulario con useFormik en Next 13, y todo funciona bien excepto un radio button, visualmente no muestra cambios al hacer click en los checkbox. Mi componente inicial, hecho con styled ...
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
0 votos
1 respuesta
80 vistas

¿Porque cuando uso un Iframe para embeber un video de youtube me sale GET https://www.youtube.com/img/meh7.png 404?

Estoy usando iframe para embeber videos de youtube en mi pagina web en nextjs. Pero me sale un erro en la consola del navegador: GET https://www.youtube.com/img/meh7.png 404 index.js:1962 Failed to ...
Avatar del usuario Todo-System Todo-System
1 voto
1 respuesta
41 vistas

¿Por qué me da error 400 cuando uso onCompleted en useQuery de Apolo?

Estoy usando Apolo para obtener datos de graphCMS, y me da este error en la consola del navegador cuando uso la función onCompleted: POST https://us-east-1.cdn.hygraph.com/content/[codigo graphcms]...
Avatar del usuario Todo-System Todo-System
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
491 vistas

¿ como saber el contenido de una carpeta de mi proyecto web en nextjs?

amigos, estoy intentando obtener el contenido de una carpeta en mi proyecto nextjs. La carpeta es: ../public/img/banner/ quiero obtener el nombre de todas la imagenes que hay dentro de esa carpeta ...
Avatar del usuario Todo-System Todo-System
1 voto
1 respuesta
66 vistas

No puedo disparar el error 500 en produccion, solo lo veo en development

Quiero probar la pagina de error 500, para ello intento lanzar un error desde alguna pagina de mi aplicacion, en la funcion getStaticProps. Originalmente la funcion getStaticsProps es esta: export ...
Avatar del usuario Agustin G.
  • 2,770
0 votos
1 respuesta
406 vistas

¿como establesco una altura fija a una imagen sin afectar su apariencia en nextjs?

amigos, estoy implementando un carrusel de imagenes para que haga las veces de banner en una pagina web. El problema esta en que al establecerle un alto especifico a la imagen, las personas se ven ...
Avatar del usuario Todo-System Todo-System
0 votos
1 respuesta
456 vistas

TypeError: Cannot read properties of null (reading 'CodeMirror')

Que tal, me aparece este error únicamente en google con mi cuenta sincronizada; en cambio, cuando pruebo desde otra cuenta sincronizada, desaparece. Muy raro. De paso aprovecho y explico que por ...
Avatar del usuario IvoWainer
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
5 votos
1 respuesta
320 vistas

Como evitar usar SetTimeOut en esta llamada a la API de Google?

EDIT: La pregunta inicialmente era evitar un error en consola, el mismo ya fue evitado mediante la configuracion de Next.JS gracias al comentario de Pablo. Ahora busco otra respuesta, que sea como ...
Avatar del usuario Agustin G.
  • 2,770
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