<?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: MarouanDoulahiane</title>
    <description>The latest articles on DEV Community by MarouanDoulahiane (@marouandoulahiane).</description>
    <link>https://dev.to/marouandoulahiane</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%2F803553%2Fa7178c42-b2a3-4a69-84ec-62dd8523d0f9.png</url>
      <title>DEV Community: MarouanDoulahiane</title>
      <link>https://dev.to/marouandoulahiane</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/marouandoulahiane"/>
    <language>en</language>
    <item>
      <title>I built a "CI/CD Pipeline" for my Resume (Next.js 15 + Puppeteer)</title>
      <dc:creator>MarouanDoulahiane</dc:creator>
      <pubDate>Sun, 14 Dec 2025 01:48:11 +0000</pubDate>
      <link>https://dev.to/marouandoulahiane/i-built-a-cicd-pipeline-for-my-resume-nextjs-15-puppeteer-2c8h</link>
      <guid>https://dev.to/marouandoulahiane/i-built-a-cicd-pipeline-for-my-resume-nextjs-15-puppeteer-2c8h</guid>
      <description>&lt;h1&gt;
  
  
  I built a "CI/CD Pipeline" for my Resume because I hate Microsoft Word (Next.js 15 + Puppeteer)
&lt;/h1&gt;

&lt;h2&gt;
  
  
  The Problem: Version Control Hell
&lt;/h2&gt;

&lt;p&gt;I am a 21-year-old AI Engineer. Last month, I realized I was spending more time formatting padding in Microsoft Word than actually coding.&lt;/p&gt;

&lt;p&gt;I had 5 versions of my resume:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;resume_frontend_final.pdf&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;resume_backend_v2.docx&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;resume_startup_focus.pdf&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;resume_REAL_final_v3.pdf&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Every time I applied to a job, I had to manually delete bullet points to fit the "One Page Rule." If I applied for a React role, I deleted the Python bullets. If I applied for a Backend role, I deleted the Figma bullets.&lt;/p&gt;

&lt;p&gt;It was &lt;strong&gt;Version Control Hell&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Realization: Resume as Code
&lt;/h2&gt;

&lt;p&gt;I realized that a resume is not a document. &lt;strong&gt;A resume is a Database View.&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;The Database:&lt;/strong&gt; My entire career history (every project, skill, cert).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The Query:&lt;/strong&gt; The Job Description I am applying to.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The View:&lt;/strong&gt; The rendered PDF.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So, being a lazy engineer, I built a system to automate this. I call it &lt;strong&gt;Resumefy.pro&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Architecture
&lt;/h2&gt;

&lt;p&gt;I didn't want a "template chooser" like Canva. I wanted a &lt;strong&gt;Compiler&lt;/strong&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  1. The Stack
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend:&lt;/strong&gt; Next.js 15 (App Router)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Database:&lt;/strong&gt; Postgres (via Prisma)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;PDF Engine:&lt;/strong&gt; Puppeteer (Headless Chrome)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Orchestration:&lt;/strong&gt; Vercel Serverless Functions&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  2. The "Page Break" Nightmare (The P0 Error)
&lt;/h3&gt;

&lt;p&gt;The hardest part wasn't the AI matching. It was the &lt;strong&gt;PDF Rendering&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Libraries like &lt;code&gt;jspdf&lt;/code&gt; are terrible at handling complex CSS Grid layouts. They slice text in half across pages.&lt;br&gt;
I had to write a custom algorithm using &lt;strong&gt;Puppeteer&lt;/strong&gt; to calculate the DOM height of every section &lt;em&gt;before&lt;/em&gt; rendering.&lt;/p&gt;

&lt;p&gt;If a project description pushes the height over &lt;code&gt;1123px&lt;/code&gt; (A4 height - margins), the system forces a clean break or moves the whole component to the next page. It's a "Look-Ahead" renderer.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Result: The "War Machine"
&lt;/h2&gt;

&lt;p&gt;Now, I don't write resumes.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; I maintain one &lt;strong&gt;Master Profile&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt; I paste a Job Description.&lt;/li&gt;
&lt;li&gt; The system "compiles" a tailored PDF in 30 seconds.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Why I Built This (The Manifesto)
&lt;/h2&gt;

&lt;p&gt;I solved the "Application Black Hole" problem. The problem isn't that we aren't qualified. It's that we don't have the time to tailor our resumes perfectly for 50 different ATS bots.&lt;/p&gt;

&lt;p&gt;This tool levels the playing field. It turns the job search into an engineering problem, and I solved it with code.&lt;/p&gt;

&lt;h2&gt;
  
  
  Try it / Roast my Code
&lt;/h2&gt;

&lt;p&gt;It is free to use (I have a generous free tier for developers).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Live Site:&lt;/strong&gt; &lt;a href="https://resumefy.pro" rel="noopener noreferrer"&gt;https://resumefy.pro&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I'm looking for feedback on:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; The PDF rendering speed.&lt;/li&gt;
&lt;li&gt; The Mobile UI (I spent all night fixing the Z-index issues).&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Let me know what you think!&lt;/p&gt;

</description>
      <category>cicd</category>
      <category>showdev</category>
      <category>automation</category>
      <category>nextjs</category>
    </item>
  </channel>
</rss>
