Alternative for Adding basePath to image src

[MrMirfan]

Instead of Adding BasePath like this

src="/nextjs-github-pages/vercel.svg"

We can prepend the src with . and it works on Both Local and Prod

src="./profile/passport.avif"

[realChakrawarti]

@MrMirfan You mean here https://github.com/gregrickaby/nextjs-github-pages/blob/main/app/page.tsx#L20 ? So, instead of src="/nextjs-github-pages/vercel.svg", we could write src="./vercel.svg" ?

I am facing an issue where images public images doesn't load, https://realchakrawarti.github.io/aham/. Link to the repo: https://github.com/realChakrawarti/aham

[MrMirfan]

Oh sorry I thought it was a fix though it worked for me.

I'll sure look into it and update here if there's any fix

[truongngoctuan]

The solution with "./" works. I guess "/" will start from root, while "./" will start from your basePath.

[MrMirfan]

Thanks for confirming