How does your project structure look like? And how do you know it's the Image component that's causing this?

The server was running and the pages were showing.
But when i changed the img tag to Image comp the server started showing the 404 page.
To verify i did this in an another brach where i made this same change and the same thing happened. Again 404 page showed up with no errors logs in the browser and server.
I am using Spotify api in my app and wanted to display the album cover .

Also i added the path in next config for images

This was happening on every page even where I didn't use the image comp.

Later i tried deleting the node modules and .next folder.
Again set it up with the img tag and it started working fine

You need to show us some code

A minimal reproduction repository

As Joulev said try to reproduce the issue in a new repository with as little code as possible and send us the link so we can try to understand what's happening and how to fix it.

As a note: I've used Spotify's api extensively with Next.js 13 and the app router and never once did it fail on me like that.

i tired a few other things and now i am getting 404 error on get request in client console, my main layout is not rendering .

link to repo

the image one was my mistake, the issue something else

@joulev please check the repo above in the dev branch

The issue lies in your folder structure

You have an app directory alongside a src directory. You're developing your app inside /src/app but next ignores it since it sees another /app directory in the root of your project.

Remove the root /app directory and everything should work as expected.

Also take a look at this: https://nextjs.org/docs/app/building-your-application/configuring/src-directory

My bad 😭, this was a waste of time.
I didn't setup the UI library properly.
Thanks 🙏