title: Can't Access Public File on Deployed Next.js App
body: <p>I'm not sure if I'm asking the right question here, but here's my issue:</p>
  <p>I'm trying to set up my personal site so that viewers can click a button and download my resume. On my dev server, I simply added my <code>resume.pdf</code> to the public Next.js folder, and when I try the download</p>
  <pre><code> &lt;a href='/resume.pdf' download&gt;
     &lt;button&gt;
       Download Resume
     &lt;/button&gt;
   &lt;/a&gt;
  </code></pre>
  <p>However, once my site gets hosted on Vercel, any time I try to download the resume, my Chrome downloader just tells me:</p>
  <p><code>404 Failed - No file</code></p>
  <p>I've noticed that this same behavior occurs whenever I try to render images out of the public folder as well. Is there a setting in the <code>next.config.js</code> that I'm missing? I can't seem to find any useful information regarding this issue online.</p>
  <p>Thanks in advance!</p>