<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ayodeji</title>
    <description>The latest articles on DEV Community by Ayodeji (@ifwayodeji).</description>
    <link>https://dev.to/ifwayodeji</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3974854%2Fc7edd385-3f61-4324-ae4f-cd9a94ba29eb.png</url>
      <title>DEV Community: Ayodeji</title>
      <link>https://dev.to/ifwayodeji</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ifwayodeji"/>
    <language>en</language>
    <item>
      <title>How I Built an AI Invoice Generator with Groq, AWS DynamoDB, and Vercel v0</title>
      <dc:creator>Ayodeji</dc:creator>
      <pubDate>Mon, 08 Jun 2026 21:22:48 +0000</pubDate>
      <link>https://dev.to/ifwayodeji/how-i-built-an-ai-invoice-generator-with-groq-aws-dynamodb-and-vercel-v0-7oa</link>
      <guid>https://dev.to/ifwayodeji/how-i-built-an-ai-invoice-generator-with-groq-aws-dynamodb-and-vercel-v0-7oa</guid>
      <description>&lt;p&gt;I built InvoiceAI an AI powered invoice generator that lets you describe &lt;br&gt;
what you want to invoice in plain English and get a fully formatted invoice &lt;br&gt;
in seconds, complete with PDF download and a real payment link.&lt;/p&gt;

&lt;p&gt;Here's how I built it for the #H0Hackathon.&lt;/p&gt;
&lt;h2&gt;
  
  
  The Problem
&lt;/h2&gt;

&lt;p&gt;Freelancers and small businesses waste time manually creating invoices. &lt;br&gt;
You know what you did, who you did it for, and how much it costs &lt;br&gt;
you shouldn't have to fill out a form to capture that.&lt;/p&gt;
&lt;h2&gt;
  
  
  The Stack
&lt;/h2&gt;

&lt;p&gt;-&lt;strong&gt;Vercel v0&lt;/strong&gt; — scaffolded the entire UI in one prompt&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Next.js 16&lt;/strong&gt; — framework&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Groq (Llama 3.3 70B)&lt;/strong&gt; — AI natural language to invoice fields&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AWS DynamoDB&lt;/strong&gt; — stores every generated invoice&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Paystack&lt;/strong&gt; — generates real payment links&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;jsPDF&lt;/strong&gt; — client-side PDF generation&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Vercel&lt;/strong&gt; — deployment&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  How It Works
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;User types: &lt;em&gt;"50 hours of mobile app development at $80/hr for TechLagos Ltd, 7.5% VAT"&lt;/em&gt;
&lt;/li&gt;
&lt;li&gt;Groq parses the text and extracts structured invoice data&lt;/li&gt;
&lt;li&gt;Live preview updates instantly&lt;/li&gt;
&lt;li&gt;User downloads PDF — invoice is saved to DynamoDB automatically&lt;/li&gt;
&lt;li&gt;One click generates a real Paystack payment link to send to the client&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;
  
  
  Building the UI with v0
&lt;/h2&gt;

&lt;p&gt;I used Vercel v0 to scaffold the entire UI in one prompt. It generated &lt;br&gt;
a production-ready Next.js component with a split-panel layout &lt;br&gt;
form on the left, live invoice preview on the right. &lt;br&gt;
I just had to wire up the AI and database logic.&lt;/p&gt;
&lt;h2&gt;
  
  
  Connecting AWS DynamoDB
&lt;/h2&gt;

&lt;p&gt;Using the AWS SDK v3, I connected DynamoDB directly from Next.js server actions.&lt;br&gt;
Every time a user downloads an invoice, it's saved to DynamoDB with the client &lt;br&gt;
details, line items, tax rate, and timestamp. This gives the app a real &lt;br&gt;
data foundation that scales from day one.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="nx"&gt;dynamo&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;send&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;PutCommand&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;TableName&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;invoices&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;Item&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;invoiceId&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;invoiceNumber&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;clientName&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;clientName&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;clientEmail&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;clientEmail&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;items&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;items&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;createdAt&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Date&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nf"&gt;toISOString&lt;/span&gt;&lt;span class="p"&gt;(),&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt;
&lt;span class="p"&gt;}))&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  The Result
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;AI generates invoice from plain English in under 2 seconds&lt;/li&gt;
&lt;li&gt;Real PDF download (no print dialog)&lt;/li&gt;
&lt;li&gt;Real Paystack payment link generation&lt;/li&gt;
&lt;li&gt;Every invoice stored in DynamoDB&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Live demo:&lt;/strong&gt; &lt;a href="https://invoiceai-brown.vercel.app" rel="noopener noreferrer"&gt;https://invoiceai-brown.vercel.app&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;GitHub:&lt;/strong&gt; &lt;a href="https://github.com/LrdSantan/invoiceai" rel="noopener noreferrer"&gt;https://github.com/LrdSantan/invoiceai&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This was built for the #H0Hackathon AWS Databases + Vercel v0.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Built by Ayodeji full stack engineer and founder of Tixora.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>aws</category>
      <category>vercel</category>
      <category>hackathon</category>
    </item>
  </channel>
</rss>
