[Feature Request] Dynamic SEO-friendly image URLs
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 331
- Avg merge
- 19h 52m
- Merged PRs (30d)
- 9
Description
I really like the approach ImageKit uses to rewrite the URL to an image using some friendly title for SEO purposes: https://docs.imagekit.io/features/dynamic-seo-suffix
It would be great to be able to pass <nuxt-img> a string that could then be used as the image name dynamically.
Something like:
<nuxt-img src="DSC1234.jpg" seo="Eiffel Tower" />
would ouput
<img src="eiffel-tower.jpg" /> (which the server (IPX) just knows is DSC1234.jpg and either silently renames the file or does some redirect)
Sort of similar to how alias works, but for filenames, rather than providers.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked ImageKit dynamic SEO suffix documentation and the existing alias option for nuxt-img; then trace how the component’s src is passed to IPX. Define whether the suffix is a rewrite, redirect, or server-side alias, and verify the expected rendered URL and original image resolution.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxtjs, typescript
- Domain
- backend, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100