PDFKit - Crea PDFs desde Nodejs

Поділитися
Вставка
  • Опубліковано 28 лис 2023
  • PDFKIT es una biblioteca de npm que te permite crear PDFs desde el Backend, a través de Nodejs, la biblioteca permite simplemente llamar múltiples funciones que permiten crear títulos, imágenes, párrafos y personalizarlos, además que también existe una biblioteca alternativa llamada PDFKit Table que permite crear tablas extendiendo el código de este paquete. En este tutorial aprenderemos a crear nuestros PDFs usando PDFKit desde cero, en un servidor de Nodejs creado con Expressjs.
    github.com/fazt/pdfkit-expres...
    PDFKit pdfkit.org/
    PDFKit Table www.npmjs.com/package/pdfkit-...
    Curso Recomendados
    Curso de React: • Curso de Reactjs desde...
    Curso de Nextjs: • Curso de Nextjs desde ...
    🛒 Fazt Web
    Tienda Online: store.faztweb.com/
    ⭐ Cursos Recomendados
    Curso de Nodejs ⮕ fazt.dev/nodejs
    Curso de Python⮕ faztweb.com/python
    Curso de React ⮕ • Curso de Reactjs desde...
    Curso de Javascript para React ⮕ • Javascript para Aprend...
    🗣 Redes Sociales
    Github ⮕ github.com/fazt
    Twitter ⮕ / fazttech
    Whatsapp ⮕ www.whatsapp.com/channel/0029...
    🎒 Servicios Recomendados
    DigitalOcean ⮕ m.do.co/c/8ef261d77de5
    Namecheap ⮕ namecheap.pxf.io/ErDe9
    Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
    SiteGround ⮕ bit.ly/31u9ZEk
    Cloudinary ⮕ bit.ly/3ohNlJ7
    Notion ⮕ affiliate.notion.so/yj9uc7bi3miq
    Codecrafters ⮕ app.codecrafters.io/join?via=...
    Puedes encontrar la lista de tutoriales de React en:
    faztweb.com/nodejs
    #pdfkit #nodejs #javascript
  • Наука та технологія

КОМЕНТАРІ • 54

  • @elalemanthebad
    @elalemanthebad 8 місяців тому

    Me alegra mucho que hayas subido este video, me alegró mucho cuando vi que ya estaba en tu canal, todos los videos contigo son mejores de entender. Un saludo desde República Dominicana.

  • @christiangonzalez7583
    @christiangonzalez7583 8 місяців тому +6

    Justo estaba utilizando react-pdf, con esta alternativa podría enviarlo desde el backend....muchas gracias Fazt!!!!!!

  • @CrisEs2506
    @CrisEs2506 8 місяців тому

    Te quiero mucho Fazt!!! Nunca nos faltes ❤

  • @luisaquinoc6548
    @luisaquinoc6548 8 місяців тому

    lo maximo fazt, reiteror el agradecimiento por campartirnos tus conocimientos.

  • @user-nr2tg8mb1v
    @user-nr2tg8mb1v 8 місяців тому

    Te queremos mucho fazt gracias por todo

  • @Joaquin-Bianchi
    @Joaquin-Bianchi 8 місяців тому

    Uh genial, justo el problema que tenia
    Gracias

  • @milfermunoz6904
    @milfermunoz6904 4 місяці тому

    Fazt buen dia desde Bogotá me sirvio la breve introduccion ya que necesito generar un sistema de parqueaderos donde el tiquete va ser un pdf, ya que me parece mas practico conectar mi back y me genere ese archivo 🤙🤙🤙🤙

  • @SanchayanPackiyanathan
    @SanchayanPackiyanathan 8 місяців тому

    Hola Amigo espero que estes bien. gracias!!!

    • @FaztCode
      @FaztCode  8 місяців тому

      Gracias a ti

  • @edwarddk9007
    @edwarddk9007 8 місяців тому

    first comment jeje, hello fazt, tank you for the courses you share, are awesome

  • @robertoramirez2014
    @robertoramirez2014 8 місяців тому +10

    Vaya entre a UA-cam para buscar algo node para generar PDF y me encuentro con esto apena al iniciar la app

  • @pedromanuelcamargomendez6520
    @pedromanuelcamargomendez6520 8 місяців тому +1

    Excelente muchas gracias. Podrias generarlo en nestjs con typescript y mas complejo.

  • @joantheran4984
    @joantheran4984 8 місяців тому +2

    bro consulta, si tengo ya una plantilla en html de un reporte, como hago para pasarsela a pdfkit para utilizarla y que al ponga en el archivo resultante????

  • @VirusZyrus
    @VirusZyrus 8 місяців тому

    Excelente aporte, muchas gracias... Hay manera de crear un PDF usando plantillas HTML usando NODE, definiendo encabezado, pie de pagina y numero de pagina

    • @CristhianHuertos
      @CristhianHuertos 8 місяців тому

      Puedes revisar jsreport te permite hacer todo eso que comentas

  • @humbertosoto1576
    @humbertosoto1576 8 місяців тому

    Buenas Fazt, tengo una duda: ¿Recomendarías el uso de PDFKit para realizar un convertidor de archivos de texto a PDF? Estoy investigando para un proyecto que pienso hacer.

  • @SanchayanPackiyanathan
    @SanchayanPackiyanathan 23 дні тому

    Amigo, una consulta tienes tuto para convertir xml a pdf en node?

  • @YEFERSONJIMENEZ-kf2ll
    @YEFERSONJIMENEZ-kf2ll Місяць тому

    Podrias explicarlo como hacerlo con ReactNative, en internet no existe un video donde lo expliquen

  • @Neyunse
    @Neyunse 8 місяців тому

    hay alguna forma de integrarlo en nextjs usando api?

  • @antoniojesusponce6040
    @antoniojesusponce6040 6 місяців тому

    Una pregunta ¿Esta librería te permite leer un pdf y a la variable meterle un valor asignadole un color a la letra?
    Estoy usando pdf-lib y tengo que cambiar de dependencia por que no consigo cambiar el color de la letra a una variable

  • @alew140
    @alew140 4 місяці тому

    broth en caso de hacer PDF's con contenido dinamico. esta libreria no me sirve por que no seria "responsive" ? quiero hacer algo similar a panda doc

  • @josejrreyes1567
    @josejrreyes1567 5 місяців тому

    @fazt como puedo mandar a imprimir el documento despues de generarse?
    espero tu respuesta..

  • @ferxas4560
    @ferxas4560 8 місяців тому

    Tengo como un dèjá vú con este video.

    • @FaztCode
      @FaztCode  8 місяців тому

      Ayer lo publique pero lo tuve que eliminar porque el editor lo hizo mal :)

    • @pedromanuelcamargomendez6520
      @pedromanuelcamargomendez6520 8 місяців тому

      @@FaztCode Si lo vi en vivo y despues busque y no lo encontre, hasta que hoy me aparecio. Gracias

  • @fabiangordillo8489
    @fabiangordillo8489 5 місяців тому

    Hay alguna forma general de subir un formato en especifico sin tener que hacerlo? ejemplo agrego mi formato y el agrega las firmas y lo crea, es posible?

  • @sibanzboss6705
    @sibanzboss6705 8 місяців тому +1

    Buen video Fazt, una pregunta, el front tendría que enviar al backend los datos que quiere para el pdf? Y no hay una librería que reciba Html para tener esas tablas con diseño más personalizado?

    • @davidcortes4359
      @davidcortes4359 8 місяців тому

      puppeteer puedes personalizar y poner html

  • @shakthisathish839
    @shakthisathish839 Місяць тому

    how to create both editable and non editable field in single pdf file in nestjs

  • @jesusoropeza4746
    @jesusoropeza4746 3 місяці тому

    Hola fazt lo he intentado por días en nextjs pero me da error con fuentes de helvetica, en debian 12 y nextjs 14, podrías comentar si tienes alguna forma de hacerlo andar... Gracias 😉

  • @fremeto
    @fremeto 6 місяців тому

    Me sale un error Cannot set headers after they are sent to the client

  • @stndc8788
    @stndc8788 8 місяців тому

    Pregunta: hay alguna librería que recomiendes para poder firmar el PDF en linea y guardar ese PDF firmado?
    Gracias, excelente video!

  • @claudio-guevara479
    @claudio-guevara479 8 місяців тому

    Fazt, porque ocupas chromium? Buen video 😊

    • @FaztCode
      @FaztCode  8 місяців тому +1

      Es porque en mi otros navegadores tengo historial de URLs de clientes y evito mostrar eso por descuido

  • @billyoscarmendieta8579
    @billyoscarmendieta8579 8 місяців тому

    Fazt, una pregunta alguna libreria para pasar de HTML a PDF con node y express?

    • @FaztCode
      @FaztCode  8 місяців тому +2

      Antes había una llamada html-pdf pero ya esta desfasada así que ahora lo puedes hacer usando puppeteer ua-cam.com/video/gBnrdedhuU4/v-deo.html

  • @davidmanuelmamanih.6027
    @davidmanuelmamanih.6027 8 місяців тому

    Que tema estas utilizando en tu VS Code?

    • @FaztCode
      @FaztCode  8 місяців тому

      Tokyo night dark

  • @GratCode
    @GratCode 8 місяців тому

    hay algun paquete similar, para nextjs?

    • @FaztCode
      @FaztCode  8 місяців тому +1

      También puedes instalarlo en los route handlers de nextjs, o también hay un paquete llamado react pdf que permite generar pdfs en el frontend

  • @alejandromartinezramirez3312
    @alejandromartinezramirez3312 8 місяців тому

    como lo podemos interceptar en el fronted?

    • @FaztCode
      @FaztCode  8 місяців тому +5

      Solo tendrías que llamar la ruta desde el front y esperar el stream, voy a hacer otro ejemplo un poco más detallado también con un frontend

    • @pedromanuelcamargomendez6520
      @pedromanuelcamargomendez6520 8 місяців тому

      @@FaztCode Eso seria excelente gracias. Podria ser para diferentes framework especial para mi seria Reactjs.

  • @RonnyG2121
    @RonnyG2121 8 місяців тому

    ¿Dónde está el link del código?
    Esto está muy interesante.

    • @FaztCode
      @FaztCode  8 місяців тому +1

      Hola lo dejo por aqui: github.com/fazt/pdfkit-express-tutorial

    • @RonnyG2121
      @RonnyG2121 8 місяців тому +1

      @@FaztCode Muchas gracias. Lo pedí porque me pierdo en el código debido a una discapacidad visual y necesito revisar el código con mi lector de pantalla para entender la sintaxis de lo que escribes. Me pasa en todos los cursos jajajaja

  • @joelheinnitz922
    @joelheinnitz922 8 місяців тому

    Como se podria hacer para que en vez de que te descargue el pdfo, te lo envie por correo

    • @fray5892
      @fray5892 7 місяців тому

      Guarda el archivo en el servidor, una vez ya lo tienes fisico haces lo que gustes con ello, también envuelve todo en una promesa para poder maniobrar mejor el servicio que generará los pdfs

    • @joelheinnitz922
      @joelheinnitz922 7 місяців тому

      si no es mucha molestia, tendrias un discord para contactarte?

    • @fray5892
      @fray5892 7 місяців тому

      @@joelheinnitz922 buscame como "fray" o "fraytuki" ahi te mando un ejemplo de codigo

    • @fray5892
      @fray5892 7 місяців тому

      @@joelheinnitz922 buscame como "fray" o "fraytuki"