How to Export a div to a formated PDF using NextJs

Question

I have an app project on which we fill out forms and the information will be automatically formatted in a div to create labels (CLP labels) , so I would like to be able to export this Div in pdf format and can choose the sizes (landscape format from A5 to A8)

For this project I'm using Next.js and tailwind css.

And my question is : How to export a div in pdf format using NextJs ?

Thanks !

Answer 1

There are a few ways to do this

1. An NPM Server side module - more options potentially
2. Client side PDF object formation, lots of challenges - client side dependencies
3. Use a service - cost

For #1 - try something like - https://www.npmjs.com/package/html-pdf?activeTab=readme

For #2 - https://github.com/parallax/jsPDF

For #3 - https://www.htmlpdfapi.com/

From my previous post on this - How can I export a Nextjs page as pdf?