Groq·AWS DynamoDB·Vercel v0로 AI 인보이스 생성기 만들기

출처: Dev.to

나는 InvoiceAI라는 AI 기반 인보이스 생성기를 만들었다. 사용자는
간단히 설명만 하면 인보이스가 자동으로 생성된다.
#H0Hackathon을 위해 어떻게 만들었는지 소개한다.

프리랜서와 소규모 사업자는 인보이스를 수동으로 만들면서 시간을 낭비한다.

• Vercel v0 — 한 번의 프롬프트로 전체 UI를 스캐폴딩
• Next.js 16 — 프레임워크
• Groq (Llama 3.3 70B) — 자연어를 인보이스 필드로 변환하는 AI
• AWS DynamoDB — 생성된 모든 인보이스를 저장
• Paystack — 실제 결제 링크 생성
• jsPDF — 클라이언트 측 PDF 생성
• Vercel — 배포

사용자가 입력:
"TechLagos Ltd에 대해 시간당 $80, 50시간 모바일 앱 개발, 부가세 7.5%"

Groq가 텍스트를 파싱해 구조화된 인보이스 데이터를 추출하고,
실시간 미리보기가 즉시 업데이트된다.
사용자는 PDF를 다운로드하면 인보이스가 자동으로 DynamoDB에 저장된다.
한 번의 클릭으로 실제 Paystack 결제 링크가 생성되어 클라이언트에게 보낼 수 있다.

Vercel v0를 사용해 한 번의 프롬프트로 전체 UI를 스캐폴딩했다.
AWS SDK v3를 이용해 Next.js 서버 액션에서 DynamoDB에 직접 연결했다.

await dynamo.send(new PutCommand({
  TableName: 'invoices',
  Item: {
    invoiceId: data.invoiceNumber,
    clientName: data.clientName,
    clientEmail: data.clientEmail,
    items: data.items,
    createdAt: new Date().toISOString(),
  },
}))

• AI가 일반 영어 문장을 2초 이내에 인보이스로 변환
• 실제 PDF 다운로드 (인쇄 대화상자 없음)
• 실제 Paystack 결제 링크 생성
• 모든 인보이스가 DynamoDB에 저장

실시간 데모: https://invoiceai-brown.vercel.app
GitHub: https://github.com/LrdSantan/invoiceai

이 프로젝트는 #H0Hackathon AWS Databases + Vercel v0를 위해 제작되었다.
전체 스택 엔지니어이자 Tixora 설립자인 Ayodeji가 개발했다.