title: NextJS images not loading
body: <p>In my root project I have a /public holder set up with a "home.jpg" and "home-placeholder.jpg" image files.</p>
  
  <p>Inside my /pages/index.js file I have a component that takes in two images:</p>
  
  <pre><code>function Page() {
    return (
      &lt;&gt;
        &lt;Head title="Home" /&gt;
        &lt;Home&gt;
          &lt;Right
            alt="home-image"
            image="./home.jpg"
            placeholder="./home-placeholder.jpg"
          /&gt;
        &lt;/Home&gt;
      &lt;/&gt;
    );
  }
  </code></pre>
  
  <p>I cannot get those images to display in my dev server, I always get: Cannot GET /home.jpg.</p>
  
  <p>I've tried:</p>
  
  <ul>
  <li>using next-images and importing the images</li>
  <li>building and deploying on my production server</li>
  <li>changing name of public folder to /static/</li>
  </ul>
  
  <p>The images are correctly loading inside the output path /.next/static/images/ </p>