The latest articles on DEV Community by Vanessa Awo (@vanessaawo). https://dev.to/vanessaawo https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4060242%2F7d369aa9-0025-4b82-8380-cb70cb648261.jpeg https://dev.to/vanessaawo en Vanessa Awo Mon, 03 Aug 2026 09:11:03 +0000 https://dev.to/vanessaawo/building-an-ai-resume-builder-with-nextjs-prisma-and-llms-289k https://dev.to/vanessaawo/building-an-ai-resume-builder-with-nextjs-prisma-and-llms-289k <p>I built an AI-powered resume builder to explore how modern AI tools can improve resume creation while keeping users in control of their own information.</p> <p>This post covers the architecture, challenges, and lessons learned while building the application.</p> <h2> Tech Stack </h2> <p>The application was built using:</p> <ul> <li>Next.js</li> <li>TypeScript</li> <li>PostgreSQL</li> <li>Prisma ORM</li> <li>AI APIs</li> <li>Authentication</li> <li>Server-side PDF generation</li> </ul> <h2> Features </h2> <p>Some of the main features include:</p> <ul> <li>AI-assisted resume improvement</li> <li>User authentication</li> <li>Resume creation and editing</li> <li>PDF export</li> <li>Structured resume sections</li> <li>Responsive user interface</li> </ul> <h2> Architecture Overview </h2> <p>The application follows a modern full-stack architecture.</p> <h3> Frontend </h3> <p>The frontend is built with Next.js and TypeScript, providing:</p> <ul> <li>Component-based UI</li> <li>Type safety</li> <li>Reusable components</li> <li>Improved developer experience</li> </ul> <h3> Backend </h3> <p>The backend handles:</p> <ul> <li>Data persistence</li> <li>User management</li> <li>Resume processing</li> <li>AI requests</li> </ul> <p>Prisma is used as the ORM to communicate with PostgreSQL while keeping database operations structured and maintainable.</p> <h2> Challenges </h2> <h3> Preventing AI hallucinations </h3> <p>One of the biggest challenges when building AI-powered applications is ensuring the model does not create information that the user never provided.</p> <p>To solve this, I focused on:</p> <ul> <li>Clear prompting</li> <li>Passing existing user information as context</li> <li>Asking the AI to improve wording instead of inventing experience</li> </ul> <h3> Generating professional documents </h3> <p>A resume is not only about text. The final output needs to be readable and professionally formatted.</p> <p>I implemented PDF generation to allow users to export their resumes easily.</p> <h2> What I Learned </h2> <p>Building this project improved my understanding of:</p> <ul> <li>Integrating AI into full-stack applications</li> <li>Designing database-driven systems</li> <li>Working with ORMs</li> <li>Handling user-generated content</li> <li>Building production-ready features</li> </ul> <h2> Why I Built This </h2> <p>I wanted to explore how AI could assist with a common career challenge: presenting experience clearly and professionally.</p> <p>The goal was not to replace the user, but to create a tool that helps users improve their own content while keeping the final decisions in their hands.</p> <h2> Final Thoughts </h2> <p>AI-powered tools are becoming increasingly useful for improving everyday workflows.</p> <p>This project helped me explore how AI can enhance productivity while keeping users in control of their own information.</p> nextjs typescript ai webdev