title: Next js image in public folder not found
body: <p>I am trying to use images exactly like stated in the <a href="https://nextjs.org/docs/api-reference/next/image" rel="nofollow noreferrer">Nextjs documentation</a>, that is to say:</p>
  <ul>
  <li>Images are stored in src/public</li>
  <li>I use the path <code>/my-image.jpg</code> in my page.</li>
  </ul>
  <p>The public directory is the one created by Create Next App, and here is how I am trying to use it in <code>src/pages/posts/index.js</code>:</p>
  <pre><code>import React from &quot;react&quot;;
  
  import Head from &quot;next/head&quot;;
  import Image from 'next/image'
  
  
  const articlesList = [
    {title: &quot;Article 1&quot;, classes: 'grid-element--triple-width grid-element--double-height'}, 
    {title: &quot;Article 2&quot;}, 
    {title: &quot;Article 3&quot;, }, 
    {title: &quot;Article 4&quot;, classes: 'grid-element--double-height'}, 
    {title: &quot;Article 5&quot;}, 
    {title: &quot;Article 6&quot;}, 
    {title: &quot;Article 7&quot;}, 
    {title: &quot;Article 8&quot;}, 
    {title: &quot;Article 9&quot;}, 
    {title: &quot;Article 10&quot;}, 
    {title: &quot;Article 11&quot;, classes: 'grid-element--double-width grid-element--double-height'}, 
  ]
  
  export default function Blog() {
    return (
      &lt;&gt;
        &lt;Head&gt;
          &lt;title&gt;Blog&lt;/title&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;initial-scale=1.0, width=device-width&quot; /&gt;
        &lt;/Head&gt;
        &lt;div className=&quot;blog-grid&quot;&gt;
          {articlesList.map(article =&gt; {
            const {title, classes} = article
            return (&lt;a href=&quot;/posts/first&quot; className={`grid-element ${classes}`} key={title} &gt;
            &lt;Image src=&quot;/IMG_1419.jpg&quot; width={500} height={300} alt=&quot;…&quot;/&gt;
            &lt;/a&gt;)
          })}
        &lt;/div&gt;
      &lt;/&gt;
    );
  }
  </code></pre>
  <p>However, I get 404 error when running the project locally. Do I need any extra configuration? I don't see it mentioned in the documentation for this case. I tried rebuilding but still nothing.</p>
  <p>By the way, the same happens by using Next's Image component, as well html <code>img</code> tag.
  I am using next version 10.0.2.</p>