{"id":5035,"date":"2025-05-31T09:46:15","date_gmt":"2025-05-31T05:46:15","guid":{"rendered":"https:\/\/nayarweb.com\/blog\/?p=5035"},"modified":"2025-05-31T09:46:15","modified_gmt":"2025-05-31T05:46:15","slug":"vibe-coding-with-convex-chef-at-convex","status":"publish","type":"post","link":"https:\/\/nayarweb.com\/blog\/2025\/vibe-coding-with-convex-chef-at-convex\/","title":{"rendered":"Vibe Coding with Convex Chef at Convex"},"content":{"rendered":"<p>My Friend Abdur from <a href=\"https:\/\/www.pymug.com\/\">PyMug<\/a> recommended me attend events on <a href=\"https:\/\/lu.ma\/\">lu.ma<\/a>. I found this awesome Vibe Coding Meetup from convex. I didn&#8217;t know convex company nor products so I decided to go there and try it out.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5050\" src=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2732-scaled-e1748669119746.jpeg\" alt=\"\" width=\"640\" height=\"614\" srcset=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2732-scaled-e1748669119746.jpeg 640w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2732-scaled-e1748669119746-300x288.jpeg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>I was greeted by Wayne and he guided the participants on how to get started.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5051 size-full\" src=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2734-scaled-e1748669427516.jpeg\" alt=\"\" width=\"1993\" height=\"1440\" srcset=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2734-scaled-e1748669427516.jpeg 1993w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2734-scaled-e1748669427516-300x217.jpeg 300w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2734-scaled-e1748669427516-1024x740.jpeg 1024w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2734-scaled-e1748669427516-768x555.jpeg 768w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2734-scaled-e1748669427516-1536x1110.jpeg 1536w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2734-scaled-e1748669427516-1272x919.jpeg 1272w\" sizes=\"auto, (max-width: 1993px) 100vw, 1993px\" \/><\/p>\n<p>Since I was working on working my Frontend for my Kreole Chatbot, I decided why not ask convex chef to do it for me.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5054\" src=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2737-scaled.jpeg\" alt=\"\" width=\"2560\" height=\"1440\" srcset=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2737-scaled.jpeg 2560w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2737-300x169.jpeg 300w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2737-1024x576.jpeg 1024w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2737-768x432.jpeg 768w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2737-1536x864.jpeg 1536w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2737-2048x1152.jpeg 2048w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2737-1272x716.jpeg 1272w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>With 1 prompt, boom! It made me a whatsapp clone interface. But I wanted to interact with it. Send messages and reply back. I asked it to do that and it worked.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5058 size-full\" src=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2741-scaled-e1748669865530.jpeg\" alt=\"\" width=\"1007\" height=\"384\" srcset=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2741-scaled-e1748669865530.jpeg 1007w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2741-scaled-e1748669865530-300x114.jpeg 300w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2741-scaled-e1748669865530-768x293.jpeg 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/p>\n<p>I was even more shocked to know that this is actually saving in the database. Crazy!!!!<\/p>\n<p>Next step was to make it display the products from my chatbot. I thus asked it to create a carousel of products.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5061\" src=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2744-scaled.jpeg\" alt=\"\" width=\"2560\" height=\"1440\" srcset=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2744-scaled.jpeg 2560w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2744-300x169.jpeg 300w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2744-1024x576.jpeg 1024w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2744-768x432.jpeg 768w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2744-1536x864.jpeg 1536w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2744-2048x1152.jpeg 2048w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2744-1272x716.jpeg 1272w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>Magic once again. It looks so pretty. All the best practices from design i think are there.<\/p>\n<p>But but but. When I asked it to make the add to cart functionality, it didn&#8217;t work due to some bug. My AI tokens were also depleted at that point and I started to debug manually.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5064 size-full\" src=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2751-scaled-e1748670131517.jpeg\" alt=\"\" width=\"1440\" height=\"585\" srcset=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2751-scaled-e1748670131517.jpeg 1440w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2751-scaled-e1748670131517-300x122.jpeg 300w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2751-scaled-e1748670131517-1024x416.jpeg 1024w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2751-scaled-e1748670131517-768x312.jpeg 768w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2751-scaled-e1748670131517-1272x517.jpeg 1272w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/p>\n<p>I see it is a tiny error but since i was totally new to the framework, i couldn&#8217;t solve it.<\/p>\n<p>And then came Food time and Demo time where everyone could showcase their vibe coded project.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5065\" src=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2752-scaled.jpeg\" alt=\"\" width=\"2560\" height=\"1440\" srcset=\"https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2752-scaled.jpeg 2560w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2752-300x169.jpeg 300w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2752-1024x576.jpeg 1024w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2752-768x432.jpeg 768w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2752-1536x864.jpeg 1536w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2752-2048x1152.jpeg 2048w, https:\/\/nayarweb.com\/blog\/wp-content\/uploads\/2025\/05\/IMG_2752-1272x716.jpeg 1272w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>It is such a cool office. They have guitars and drum sets!<\/p>\n<p>Was a really cool experience. I invite everyone to try it out and let me know till where you are able to stretch it: https:\/\/chef.convex.dev\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>My Friend Abdur from PyMug recommended me attend events on lu.ma. I found this awesome Vibe Coding Meetup from convex. I didn&#8217;t know convex company nor products so I decided to go there and try it out. I was greeted by Wayne and he guided the participants on how to get started. Since I was &hellip; <a href=\"https:\/\/nayarweb.com\/blog\/2025\/vibe-coding-with-convex-chef-at-convex\/\" class=\"continue-reading\">Continue reading <span class=\"screen-reader-text\">Vibe Coding with Convex Chef at Convex<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5035","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/posts\/5035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/comments?post=5035"}],"version-history":[{"count":4,"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/posts\/5035\/revisions"}],"predecessor-version":[{"id":5068,"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/posts\/5035\/revisions\/5068"}],"wp:attachment":[{"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/media?parent=5035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/categories?post=5035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nayarweb.com\/blog\/wp-json\/wp\/v2\/tags?post=5035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}