Building a Client-Side ATS Resume Analyzer with Next.js 14 and TypeScript

์ž‘์„ฑ์ž

์นดํ…Œ๊ณ ๋ฆฌ:

โ† ํ”ผ๋“œ๋กœ
DEV Community ยท hamed darvishi ยท 2026-08-01 ๊ฐœ๋ฐœ(SW)

hamed darvishi

Hey everyone! ๐Ÿ‘‹

I recently built ResumeAI, a tool designed to help job seekers quickly analyze their resumes and ensure ATS compatibilityโ€”all right from the client side using Next.js 14, TypeScript, and pdfjs-dist.

๐ŸŒŸ Why I Built It

Most resume checkers either charge heavy subscription fees or send your sensitive data to unknown servers. I wanted to build a fast, privacy-friendly tool where users can evaluate their CVs against job description keywords seamlessly.

๐Ÿ›  Tech Stack & Architecture

  • Framework: Next.js 14 (App Router)
  • Styling: Tailwind CSS
  • Parsing: Client-side parsing using pdfjs-dist to keep user documents secure.
  • Scoring: Custom algorithm evaluating missing skill priorities and applying negative score weights.

Check out the live app here:
๐Ÿ‘‰ Try ResumeAI Live

I’d love to get your feedback! How do you handle ATS optimization or PDF parsing in your own projects? Let me know in the comments below!

์›๋ฌธ์—์„œ ๊ณ„์† โ†—

์ถ”์ถœ ๋ณธ๋ฌธ ยท ์ถœ์ฒ˜: dev.to ยท https://dev.to/hamed_darvishi/building-a-client-side-ats-resume-analyzer-with-nextjs-14-and-typescript-2706

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€ ๋‚จ๊ธฐ๊ธฐ

์ด๋ฉ”์ผ ์ฃผ์†Œ๋Š” ๊ณต๊ฐœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค