title: Images aren't showing in Vercel Deployment
body: <p>When I use the 'Live Server' to run my application the Images look fine in my local server, but after deploying the same <strong>react/next</strong> application to vercel, the images aren't getting rendered properly which are present in the public folder.</p>
  <pre><code>&lt;div className=&quot;content&quot;&gt;
        &lt;div className=&quot;cards&quot;&gt;
          {jsonData.map((info) =&gt; {
            return (
              &lt;div className=&quot;card&quot; key={info.id}&gt;
                &lt;div className=&quot;card-head&quot;&gt;
                  &lt;img src=&quot;./06.png&quot; /&gt;
                  &lt;div className=&quot;icon-body&quot;&gt;
                    &lt;FiGithub className=&quot;git-icon&quot; /&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;h3&gt;{info.name}&lt;/h3&gt;
                &lt;div className=&quot;desc&quot;&gt;{info.description}&lt;/div&gt;
                &lt;div className=&quot;stack&quot;&gt;{info.stack}&lt;/div&gt;
              &lt;/div&gt;
            );
          })}
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/sQInf.png" rel="nofollow noreferrer">Expected Output (in Local Server)</a></p>
  <p><a href="https://i.stack.imgur.com/2Qqc5.png" rel="nofollow noreferrer">Vercel Deployed Output</a></p>