Issue accessing static files in Next.js with dynamic routes in App Router

[JuanSpada]

I'm working on a Next.js application and encountering an issue when trying to access static files while using dynamic routes in the App Router.

My project structure is as follows:

/public
  /images
    img.png
/app
  /[companyslug]
    page.jsx

When I try to access the static file at localhost:3000/images/img.png, I get an error indicating that the companyslug is not found, as if Next.js is trying to interpret the /images/img.png path as a dynamic route.

Is there a way to configure Next.js to properly serve the static files from the public directory without conflicting with the dynamic routes?

Thanks

[i-brad]

You should be able to access static files with no issues in dynamic routes

having something like this with the src attr value pointing to an image or SVG file within your public folder should work fine.

[JuanSpada]

Yes If I use next image works. But If I go to that URL directly instead of compiling it with Next.js Im having that issue. I need it to work also when I go to https://localhost:3000/images/img.png So I can use that img on my emails.

Thanks

[JuanSpada]

...............................

[axelmarciano]

Hi @JuanSpada,
Can you share your middleware.ts ?