docs: add AWS CloudFront loader for next/image
(#63262)
### What? Adds Amazon CloudFront custom loader docs. ### Why? Help people find Amazon CloudFront as an option for Image loaders. --------- Co-authored-by: Steven <steven@ceriously.com>
This commit is contained in:
parent
dd3a7df14d
commit
05c0be3f49
1 changed files with 13 additions and 0 deletions
|
@ -39,6 +39,7 @@ Alternatively, you can use the [`loader` prop](/docs/pages/api-reference/compone
|
|||
## Example Loader Configuration
|
||||
|
||||
- [Akamai](#akamai)
|
||||
- [AWS CloudFront](#aws-cloudfront)
|
||||
- [Cloudinary](#cloudinary)
|
||||
- [Cloudflare](#cloudflare)
|
||||
- [Contentful](#contentful)
|
||||
|
@ -60,6 +61,18 @@ export default function akamaiLoader({ src, width, quality }) {
|
|||
}
|
||||
```
|
||||
|
||||
### AWS CloudFront
|
||||
|
||||
```js
|
||||
// Docs: https://aws.amazon.com/developer/application-security-performance/articles/image-optimization
|
||||
export default function cloudfrontLoader({ src, width, quality }) {
|
||||
const url = new URL(`https://example.com${src}`)
|
||||
url.searchParams.set('format', 'auto')
|
||||
url.searchParams.set('width', width.toString())
|
||||
url.searchParams.set('quality', (quality || 75).toString())
|
||||
return url.href
|
||||
```
|
||||
|
||||
### Cloudinary
|
||||
|
||||
```js
|
||||
|
|
Loading…
Reference in a new issue