{"repo":"BitPatty/next-image-s3-imgproxy-loader","free":true,"listed":false,"github":"https://github.com/BitPatty/next-image-s3-imgproxy-loader","clone":"git clone https://github.com/BitPatty/next-image-s3-imgproxy-loader.git","description":"nextjs next/image extension for imgproxy (S3 connections only)","language":"TypeScript","stars":39,"topics":["imgproxy","nextjs"],"license":"MIT","category":"media-processing","readme_excerpt":"next/image loader for imgproxy (S3) This library is a layer on top of the the next/image component, which allows you to load images from an imgproxy instance connected to an S3. With this library, the NextJS server acts as a middleman between the client and the imgproxy instance to perform additional tasks, such as applying signatures and/or guards before loading an image. If you want to access the imgproxy instance directly from your client you can simply use the next/image component itself - no need to install this library (you might wanna look into the imgproxy-url-builder to build the request URL however). Sample Usage You can find additional examples in the demo project. Installation You can install the package via npm: Registering the endpoint Method 1: Custom Server The library by default proxies request through a custom endpoint. To register the endpoint create a custom server in your project and add the following lines: Method 2: API Endpoint For serverless environments you can use an API endpoint instead of a custom endpoint. The setup is similar, register your endpoint as follows: With this method, you have to supply the endpoint to the component. Using the component After registering the endpoint you can use the component as you would with the Image component from next/image , except that you need to provide a file ( / ) instead of src and optional proxy params for image transformations/optimizations. Note: The layout prop is automatically set to 'fill' if no widt","default_branch":null,"files":null,"tree":[],"storefront":"/r/BitPatty","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/BitPatty/next-image-s3-imgproxy-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."}