NextJS Project: How to create QR code from any URL

[@codewithghazi]

Timestamps:
---
00:00:00 Intro about Why this project?
00:02:22 What you will learn in this video
00:02:49 Example QR - Use case of this project
00:03:47 Agenda of this video
00:04:50 Initialize project with NextJS
00:06:35 Install ShadCN UI and add components
00:07:56 Cleanup default html
00:08:48 Create form schema with Zod and Define form with useForm hook
00:10:46 Add Form element and use ShadCN Form Input Components
00:12:49 Debug/Troubleshoot form error
00:14:18 Styling components
00:15:54 Add Form Handler events and add QR Generation Logic
00:24:14 Display QR Code
00:26:12 Test QR Code
00:28:04 Add Download Image Functionality
00:31:00 Add Copy image to clipboard functionality

[@josh4play.youtube]

thank you

[@codewithghazi]

Welcome. Im glad you liked it. Please consider subscribing to the channel for more such content.

[@techzone247]

Great brother...

[@codewithghazi]

Thank you so much 😀

[@hendisantika]

Nice tutorial. Is there any github repo for this? Thanks

[@codewithghazi]

Hey, Thank you. I have pushed the code to GitHub: github.com/gkhan205/nextjs-qr-code-generator
Will update this link in description too. Thank you for reminding me of this.

[@hendisantika]

@@codewithghazi Great.. Thanks a lot

[@codewithghazi]

@@hendisantika You're welcome :)

[@Politicsbharat24]

is there any api with this?

[@codewithghazi]

No. I have not created any api for this.