Add next/image component as MDX component and convert img tags to Image component
Open
Nobody has claimed this yet.
good first issue
- Dominant language
- JavaScript
- Stars
- 11.8k
- Forks
- 7.9k
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 11
Description
There are a lot of images inside markdown that are either img tags or markdown images. Need to use next/image component instead of img tags and markdown images.
Edit: These changes are needed for beta.reactjs.org site
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 by locating the MDX component setup and the markdown content for beta.reactjs.org, then identify the existing img tags and markdown images. Convert those image usages to next/image and verify that the documentation site renders every affected image correctly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, next.js, react
- Domain
- documentation, frontend
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 50/100