Images added inside the Strapi articles are not loading in Next.js Client

[Aravin]

Hi Team,

I have Strapi running on localhost:1337
and next.js client running on localhost:3000

One of my articles has content with images. This is a sample image URL

/uploads/ccavene_integration_using_nodejs_express_3_1_011e2d9844.png

Then this article is rendered in Next.js, the broken image is displayed since the full path was

http://localhost:3000/uploads/ccavene_integration_using_nodejs_express_1_2091255f08.png ❌ (which is wrong)
http://localhost:1337/uploads/ccavene_integration_using_nodejs_express_1_2091255f08.png ✔️ (which is rite)

I can parse the articles and relate the /uploads/ with HOST:PORT/uploads/

I wanted to know if there is any solution by Next.js or Strapi

[jonathancary]

@Aravin Did you ever find a solution to this? Having the same problem.

[Aravin]

I used CDN.

[Aravin]

Cloudinary to host images.

[sengho66]

@Aravin Did you ever find a solution to this? Having the same problem.

Const a siteUrl + your imageUrl.

[Aravin]

Nope, I used siteUrl from .env and appended

…

On Wed, 13 Oct 2021 at 21:33, thenotoriousjr ***@***.***> wrote: @Aravin <https://github.com/Aravin> Did you ever find a solution to this? Having the same problem. Const a siteUrl + your imageUrl. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#47 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABFEZEPLH2W2FRNANJK5LD3UGWUUNANCNFSM5CF6OGIQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

-- Thanks & Regards, Aravind A <http://aravin.net>