{"post":{"id":"667c66242ec06068a2a806f0","_id":"667c66242ec06068a2a806f0","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719345563388/7dcc4db4-a62c-4b83-a7f6-3460e0608898.png","__typename":"PostCoverImage"},"slug":"how-to-build-a-upi-qr-code-generator-with-nextjs","readTime":10,"replyCount":2,"responseCount":3,"brief":"Yahallo! Welcome to my blog! Today, I'm excited to guide you through the process of building a UPI QR Code Generator using Next.js. With this project, you'll be able to effortlessly create and download QR codes for UPI payments, making transactions s...","subtitle":"Effortlessly Generate and Download UPI QR Codes for Seamless Payments","isFeatured":true,"contributors":[{"_id":"65ccedee2fa89edf2cf23b70","name":"Rutuja Kolate","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1718176783052/NS8KK-Psm.jpg","username":"rutu684","__typename":"User"},{"_id":"66594a8186a59dbdab5598ae","name":"Raaj Aryan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719376469375/Xz1PeMV7_.jpg","username":"raajaryan","__typename":"User"},{"_id":"667bce8747e9f19b5c825564","name":"Aditya Dhaygude","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719389832023/91ff72ba-f69a-4d46-a5c4-332e02ab3713.jpeg","username":"Aadii04","__typename":"User"},{"_id":"667d91a4ff3cecb8622ec34c","name":"whoami","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719505317109/a4726a6e-35c2-4107-aeb2-fb0e01ce5cae.png","username":"randomize","__typename":"User"}],"bookmarked":false,"views":1034,"url":"https://blogs.unrivalledking.dev/how-to-build-a-upi-qr-code-generator-with-nextjs","totalReactions":68,"title":"How to Build a UPI QR Code Generator with Next.js","dateAdded":"2024-06-26T19:04:04.433Z","cuid":"clxw7f51t00000amfd2v39p1x","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"Build a UPI QR Code Generator Using Next.js: Step-by-Step Guide","description":"Learn how to create a UPI QR code generator with Next.js. Follow detailed tutorial to build a seamless payment solution for your web application","__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"6599a57c2b90dff4584b3be1","name":"UNRIVALLEDKING","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704568189191/b18a53f1-23dc-4a45-9664-2338baff90da.jpeg","isPro":false,"username":"UNRIVALLEDKING","__typename":"User","tagline":"Full Stack Developer"},"coAuthors":[],"series":null,"tags":[],"publication":{"_id":"6599a5a15a246ab4fe8a621a","url":"https://blogs.unrivalledking.dev","canonicalURL":"https://blogs.unrivalledking.dev","title":"Clumsy Coders","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1708612995820/lklHfMZo9.png","headerColor":"","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"unrivalledking","domain":{"host":"blogs.unrivalledking.dev","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"667d82323035c0c4be38439a","author":{"_id":"667bce8747e9f19b5c825564","name":"Aditya Dhaygude","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719389832023/91ff72ba-f69a-4d46-a5c4-332e02ab3713.jpeg","isPro":false,"username":"Aadii04","__typename":"User"},"content":{"html":"

Useful

\n","markdown":"Useful","text":"Useful\n","__typename":"Content"},"dateAdded":"2024-06-27T15:16:02.606Z","stamp":"clxxepqr2000109jycoxghtt2","totalReactions":10,"__typename":"Comment","replies":{"edges":[{"node":{"id":"667d9d02bb1ce79b514fee42","author":{"_id":"6599a57c2b90dff4584b3be1","name":"UNRIVALLEDKING","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704568189191/b18a53f1-23dc-4a45-9664-2338baff90da.jpeg","isPro":false,"username":"UNRIVALLEDKING","__typename":"User"},"content":{"html":"

Thanks. I'm glad

\n","markdown":"Thanks. I'm glad","text":"Thanks. I'm glad\n","__typename":"Content"},"dateAdded":"2024-06-27T17:10:26.962Z","stamp":"clxxisvbl000509mh0t58gg0p","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"667d91e81623b2c830eb8da1","author":{"_id":"667d91a4ff3cecb8622ec34c","name":"whoami","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719505317109/a4726a6e-35c2-4107-aeb2-fb0e01ce5cae.png","isPro":false,"username":"randomize","__typename":"User"},"content":{"html":"

intresting

\n","markdown":"intresting","text":"intresting\n","__typename":"Content"},"dateAdded":"2024-06-27T16:23:04.082Z","stamp":"clxxh3xqq000609l31bjo8mlo","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"667e33a98a17aae6e939cbe0","author":{"_id":"65ccedee2fa89edf2cf23b70","name":"Rutuja Kolate","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1718176783052/NS8KK-Psm.jpg","isPro":false,"username":"rutu684","__typename":"User"},"content":{"html":"

Interesting easy one

\n","markdown":"Interesting easy one","text":"Interesting easy one\n","__typename":"Content"},"dateAdded":"2024-06-28T03:53:13.925Z","stamp":"clxy5rhs5000g09moed7e71qk","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"667e4c741869d453e7fea558","author":{"_id":"6599a57c2b90dff4584b3be1","name":"UNRIVALLEDKING","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1704568189191/b18a53f1-23dc-4a45-9664-2338baff90da.jpeg","isPro":false,"username":"UNRIVALLEDKING","__typename":"User"},"content":{"html":"

Yeah😅😅

\n","markdown":"Yeah😅😅","text":"Yeah😅😅\n","__typename":"Content"},"dateAdded":"2024-06-28T05:39:00.548Z","stamp":"clxy9jiv60k82hqnv6fj91676","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mw==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"66594a8186a59dbdab5598ae","name":"Raaj Aryan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719376469375/Xz1PeMV7_.jpg","isPro":false,"username":"raajaryan","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"667bce8747e9f19b5c825564","name":"Aditya Dhaygude","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719389832023/91ff72ba-f69a-4d46-a5c4-332e02ab3713.jpeg","isPro":false,"username":"Aadii04","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"65ccedee2fa89edf2cf23b70","name":"Rutuja Kolate","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1718176783052/NS8KK-Psm.jpg","isPro":false,"username":"rutu684","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"667d91a4ff3cecb8622ec34c","name":"whoami","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1719505317109/a4726a6e-35c2-4107-aeb2-fb0e01ce5cae.png","isPro":false,"username":"randomize","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

How to Build a UPI QR Code Generator with Next.js

5 comments