{"repo":"uploadcare/nextjs-loader","free":true,"listed":false,"github":"https://github.com/uploadcare/nextjs-loader","clone":"git clone https://github.com/uploadcare/nextjs-loader.git","description":"Uploadcare custom image loader for Next.js","language":"TypeScript","stars":23,"topics":["nextjs","uploadcare","custom-loader","loader","images","cdn","optimization","image-optimization","performance-optimization","react"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Uploadcare custom image loader for Next.js ![Test Status][test-status-img] [![NPM version][npm-img]][npm-link] The package helps you use the Uploadcare's transformation and CDN services from a Next.js app smoothly and easily. It provides the uploadcareLoader function, which you can use as a custom loader for the Next's Image component, and the UploadcareImage component with the custom loader enabled by default. Demo Dependencies Installation Configuration Usage Props Notes Known Issues Links Demo Look at the demo [here][demo-link]. Dependencies The only dependency is Next.js = 10.0.5. Installation Configuration Inform Next that you're going to use a custom image loader through next.config.js : Add your public Uploadcare key to your .env config file. You can copy it from Dashboard - API Keys - Public key. Alternatively, in case you're using a [custom proxy endpoint][docs-custom-proxy-endpoint], set the proxy domain. If you're using a proxy, provide your application's base URL (also whitelisted), which is required to process local images properly: That's it. You may now use @uploadcare/nextjs-loader in your app (see Usage). --- Below are optional parameters which you may not need: Please note NEXT PUBLIC UPLOADCARE TRANSFORMATION PARAMETERS override corresponding default parameters and keep others in place. Image transformation settings example: The default image transformation parameters are format/auto, stretch/off, progressive/yes . If quality isn't explicitly specified, the","default_branch":null,"files":null,"tree":[],"storefront":"/r/uploadcare","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/uploadcare/nextjs-loader/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}