Creating PDFs from HTML in React and Next.js

Learn how to generate PDFs from HTML content using JavaScript in React and Next.js, utilizing three different tools including html2pdf.js.

Creating PDFs from HTML in React and Next.js
Colby Fayock
64.8K views • Aug 15, 2024
Creating PDFs from HTML in React and Next.js

About this video

Generate a PDF from HTML using JavaScript in React and Next.js.

Learn how to convert HTML to a PDF using 3 different tools including html2pdf.js that allows us to convert an HTML tree to a PDF, React PDF to render a PDF, and Puppeteer to generate a PDF from a live page. We'll even see how we can set up an authenticated session in Puppeteer in Clerk to generate a PDF from private data.

Get exclusive access to my upcoming course: https://spacejelly.dev/nextjs

🧰 Resources

Tutorial: https://spacejelly.dev/posts/generate-a-pdf-from-html-in-javascript
Code: https://github.com/colbyfayock/my-pdf

📺 YouTube: https://youtube.com/colbyfayock?sub_confirmation=1
🐦 Twitter: https://twitter.com/colbyfayock
📹 Twitch: https://twitch.tv/colbyfayock
✉️ Newsletter: https://www.colbyfayock.com/newsletter/

https://github.com/eKoopmans/html2pdf.js/issues/659
https://github.com/eKoopmans/html2pdf.js/issues/466
https://clerk.com/docs/backend-requests/handling/manual-jwt
https://clerk.com/docs/custom-flows/embedded-email-links


🎥 What I Use: https://www.colbyfayock.com/uses

#colbyfayock #pdf #javascript #nextjs #reactjs #webdevelopment

Video Information

Views

64.8K

Likes

1.5K

Duration

23:38

Published

Aug 15, 2024

User Reviews

4.7
(12)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.