notas importantes: segun la documentacion, no se puede tener estilos grid, y acepta unidades por defecto (pero tmbn acepta 'px' ), para mostrar el pdf se implementara mediante un
Hace poco tiempo, estaba utilizando esta libreria en mi proyecto, pero tuve que cambiarla porque, casualmente, con Next.js 13, al subir la aplicación a producción, se generaban problemas (reventaba el pdf, link, viewer de la libreria). La 'solución' que han encontrado prácticamente implica no usar Next.js 13. Espero que esto le sea útil a alguien que esté pensando en utilizarlo con Next.js. Si a alguien más le ha sucedido lo mismo que a mí y ha encontrado la solución, será bienvenida.
No sé que habrás hecho pero funciona normal en next 13 y 14 con app router, solo no te olvides usar "use -client" y si no funcionará así, solo usa un import dinámico
Puedes subir un video reparando el problema de @react-pdf/renderer: Can't resolve 'fs' in '/app/node_modules/jpeg-exif/lib'? o sugerir otra alternativa que proporcione el mismo resultado?
Gracias Fazt eres un crack Una pregunta, la parte de PDFVIEWER sirve también para visualizar archivos ya existentes? Por ejemplo ver los archivos que escogí en el explorador de archivos de windows?
Alguien sabe cómo podría hacerlo para tablas en base a data dinámica? Ya lo intente pero cuando paso mi data a través de un prop me da muchos errores 😢
Fazt, conoces alguna librería que permita guardar imágenes de gráficas generadas con librerías como Chart.js, Highcharts, etc., y también agregar tablas?
Cuando estoy editando el código de un PDF, y viéndolo con el PDFViewer, este no se actualiza cada vez que guardo un cambio. Tengo que hacerlo manualmente. Tienen este problema? Tiene solución?
Hola! puede ser que haya un error con PDFViewer con los dispositivos moviles? se ve todo correcto en el navegador y cuando hago las pruebas en pantallas mas chicas, pero cuando paso a hacer las pruebas en mobile se queda todo en blanco! gracias fazt sos crack!
@@FaztCode Nono, estoy con react puro, necesitaría colocar ese use client también?, justo está librería me salva pero me tira ese error y no hallo solución en ningún lado
@@FaztCode En si cuando instalo la dependencia veo que trae una carpeta y en esa carpeta se usa el fs y varias cosas de node que tiran error, pero si borro la carpeta deja de funcionar
Estoy usando Next y trato de seguir los pasos del video y no me salen, trato de seguir los de la documentación y tampoco me sale. Me bota este error: "Error: PDFViewer is a web specific API. You're either using this component on Node, or your bundler is not loading react-pdf from the appropriate web build." Si alguien me puede ayudar a resolverlo les agradecería. PD: Ya le pregunté a ChatGPT y tampoco me ayudó :v Ah no ser que esté pendejo yo
Si estas usando nextjs intenta colocar la propiedad "use client" arriba de todo el documento que indica que no es un componente de servidor sino del.ñ frontend
muchas gracias, me has dado la solución a un problema que tenia hace dos días, usaba otras librerías pero esta fue la que me solucionó, like y suscri
notas importantes: segun la documentacion, no se puede tener estilos grid, y acepta unidades por defecto (pero tmbn acepta 'px' ), para mostrar el pdf se implementara mediante un
Siento que te amo, gracias por tus videos carnal
Esto ira a mi lista de cursos que ver, lo vere después de otros 10 jaja
Gracias Fazt, estos vídeos que haces compartiendo bibliotecas y librerías me han servido mucho ❤
Acaso eres mi ángel de la guarda, primero los formularios y ahora PDF, en el proyecto en el cual trabajo siempre con un video muy oportuno
De nuevo, justo lo que buscaba. Eres el mejor
uff siempre salvándome la vida y los proyectos ajajaj, gracias :)
Fazt siempre compartiendo lo que necesitamos 💕💕💕
Muchas gracias, esto me ha servido en mi aplicacion web, saludos desde Cuba.
Uhhh me viene de diez, sos un grande pa!
Justo lo que buscaba.
Hace poco tiempo, estaba utilizando esta libreria en mi proyecto, pero tuve que cambiarla porque, casualmente, con Next.js 13, al subir la aplicación a producción, se generaban problemas (reventaba el pdf, link, viewer de la libreria). La 'solución' que han encontrado prácticamente implica no usar Next.js 13. Espero que esto le sea útil a alguien que esté pensando en utilizarlo con Next.js. Si a alguien más le ha sucedido lo mismo que a mí y ha encontrado la solución, será bienvenida.
En serio? Nooo, que triste, yo este lo usé con React y me funcionó a la perfección, pero necesito ahora hacer otro pero con Next para crear API
Funciona con next 14 ?
No sé que habrás hecho pero funciona normal en next 13 y 14 con app router, solo no te olvides usar "use -client" y si no funcionará así, solo usa un import dinámico
Muchas gracias por la info, fue de mucha ayuda!
Puedes subir un video reparando el problema de @react-pdf/renderer: Can't resolve 'fs' in '/app/node_modules/jpeg-exif/lib'? o sugerir otra alternativa que proporcione el mismo resultado?
con print media de css puedes hacer el pdf para descargarlo al usar el la impresion de pagina normal y vale todo el css
Gracias Fazt eres un crack
Una pregunta, la parte de PDFVIEWER sirve también para visualizar archivos ya existentes? Por ejemplo ver los archivos que escogí en el explorador de archivos de windows?
Alguien sabe cómo podría hacerlo para tablas en base a data dinámica? Ya lo intente pero cuando paso mi data a través de un prop me da muchos errores 😢
Esta genial. Como puedo agregar un logo en la parte izquierda superior en cada página?
gran video, aunque me hubiese gustado ver como se crea tabla para reportes
Fazt, conoces alguna librería que permita guardar imágenes de gráficas generadas con librerías como Chart.js, Highcharts, etc., y también agregar tablas?
Una dudas, y si solamente quiero generar el archivo, y posteriormente subirlo a la nube mediante una api, que método se usaria?
Cuando estoy editando el código de un PDF, y viéndolo con el PDFViewer, este no se actualiza cada vez que guardo un cambio. Tengo que hacerlo manualmente.
Tienen este problema?
Tiene solución?
ReactPDF vs PDFTKit?
Hola! puede ser que haya un error con PDFViewer con los dispositivos moviles? se ve todo correcto en el navegador y cuando hago las pruebas en pantallas mas chicas, pero cuando paso a hacer las pruebas en mobile se queda todo en blanco! gracias fazt sos crack!
Genial....!! Gracias
Saludos! alguien sabe como hacer para que se vean las imagenes de firebase storage???
Que bueno un vídeo de cómo hacer un árbol de jerarquias
funciona para react native? o hay algo similar para react native?
Poderia fazer um com Next (versão 14 ou 13), por gentileza?
Se puede asignar una contraseña al documento??
Hola! Buen video! Cómo se hace para pasarle una prop dinámica dentro de un ? Estoy intentando hacerlo así: {prop.miDato} ; pero no funciona.
Gracias por el video... Pero el de backend esta eliminado...
Video no disponible
La persona que subió el video lo quitó.
Te refieres a PDFKit, te dejo en enlace: ruclips.net/video/_TEikWd9GW0/видео.html
no se puede insertar html ni templates😔
Gran video, aunque el sonido y la imagen no están sincronizado
Si el editor aún se está adaptando y varios vídeos le están saliendo mal
Hola buenas , soy yo o el audio y el video no estan sincronizados ?
Si Luciano ha sido un error del editor
Me tira un error, " can't resolve 'fs' " alguien sabe que pasa?
Si estás en Nextjs no olvides colocar el use client
@@FaztCode Nono, estoy con react puro, necesitaría colocar ese use client también?, justo está librería me salva pero me tira ese error y no hallo solución en ningún lado
@@FaztCode En si cuando instalo la dependencia veo que trae una carpeta y en esa carpeta se usa el fs y varias cosas de node que tiran error, pero si borro la carpeta deja de funcionar
Estoy usando Next y trato de seguir los pasos del video y no me salen, trato de seguir los de la documentación y tampoco me sale. Me bota este error: "Error: PDFViewer is a web specific API. You're either using this component on Node, or your bundler is not loading react-pdf from the appropriate web build." Si alguien me puede ayudar a resolverlo les agradecería. PD: Ya le pregunté a ChatGPT y tampoco me ayudó :v Ah no ser que esté pendejo yo
Si estas usando nextjs intenta colocar la propiedad "use client" arriba de todo el documento que indica que no es un componente de servidor sino del.ñ frontend
Gracias Amigo, una consulta conoces algún tipo de liberaría para xml a pdf ?