New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update image documentation for static image #25949
Conversation
Adds documentation for static image and blurry placeholder functionality
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Also need to update these pages:
Co-authored-by: Steven <steven@ceriously.com>
Co-authored-by: Steven <steven@ceriously.com>
Co-authored-by: Steven <steven@ceriously.com>
Co-authored-by: Steven <steven@ceriously.com>
docs/api-reference/next/image.md
Outdated
|
||
function Home() { | ||
return ( | ||
<> | ||
<h1>My Homepage</h1> | ||
<Image | ||
src="/me.png" | ||
src={profilePic} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should we show code examples of:
- Static Image
- Dynamic src (fetching from a CMS)
- Manually adding blurDataURL example?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Perhaps, it could get busy.
We also need to update these pages:
https://nextjs.org/docs/basic-features/image-optimization
https://nextjs.org/docs/basic-features/static-file-serving
There are strict conditions for using `placeholder=blur` documented in #25949 but this will give the user a better understanding during `next dev` and links to the error. - Error when `placeholder=blur` and no `blurDataURL` - The Error for small images with `placeholder=blur` has been changed to a warning - Added support for blurring a webp image - Added error page linking to relevant docs
There are strict conditions for using `placeholder=blur` documented in vercel#25949 but this will give the user a better understanding during `next dev` and links to the error. - Error when `placeholder=blur` and no `blurDataURL` - The Error for small images with `placeholder=blur` has been changed to a warning - Added support for blurring a webp image - Added error page linking to relevant docs
Co-authored-by: Steven <steven@ceriously.com>
There are strict conditions for using `placeholder=blur` documented in vercel#25949 but this will give the user a better understanding during `next dev` and links to the error. - Error when `placeholder=blur` and no `blurDataURL` - The Error for small images with `placeholder=blur` has been changed to a warning - Added support for blurring a webp image - Added error page linking to relevant docs
* Update image documentation for static image Adds documentation for static image and blurry placeholder functionality * Update docs/api-reference/next/image.md Co-authored-by: Steven <steven@ceriously.com> * Update docs/api-reference/next/image.md Co-authored-by: Steven <steven@ceriously.com> * Update docs/api-reference/next/image.md Co-authored-by: Steven <steven@ceriously.com> * Update docs/api-reference/next/image.md Co-authored-by: Steven <steven@ceriously.com> * Version history and placeholder revisions * Apply suggestions from code review Co-authored-by: Steven <steven@ceriously.com> * lint-fix Co-authored-by: Steven <steven@ceriously.com> Co-authored-by: JJ Kasper <jj@jjsweb.site>
Adds documentation for static image and blurry placeholder functionality