title: Cannot import image in NextJs project
body: <p>I'm converting a previus React.js website to a Next.js one, followed the guide on converting create react-app to a next-app.</p>
  <p>An image is imported for usage inside a html vanilla <code>&lt;img&gt;</code> tag, in order to use tailwind classes. Followed some tutorials on the matter and they advised installing <code>next-images</code> and configuring <code>next.config.js</code> with the following code</p>
  <pre><code>// next.config.js
  const withImages = require('next-images')
  module.exports = withImages({
   esModule: true
  })
  </code></pre>
  <p>This is the error thrown at runtime</p>
  <pre><code>./components/partials/Features.js:3:0
  Module not found: Can't resolve '/images/features-bg.png'
    1 | import React, { useState, useRef, useEffect } from 'react';
    2 | import Transition from '../utils/Transition.js';
  &gt; 3 | import FeaturesBg from '/images/features-bg.png';
    4 | import FeaturesElement from '/images/features-element.png'
    5 | import Image from 'next/image';
    6 |
  </code></pre>
  <p>The folder structure I'm using follows the create next-app example, with a <code>public</code> folder containing all static files. I created an <code>images</code> folder inside it and verified that there are no typos in the filename. Full repository is available <a href="https://github.com/diogoneiss/nextJsCurriculum" rel="nofollow noreferrer">here</a></p>
  <p>Does anyone know what I'm doing wrong?</p>