next-js-image-loader

Getting Started with NextJs Image Loader

In the project directory, you can run:

  yarn add next-js-image-loader

How To use

Required params:

Param	type
src	String
width	Number

Required env variable:

Variable	type
NEXT_PUBLIC_IMAGE_PROXY_SALT	String
NEXT_PUBLIC_IMAGE_PROXY_KEY	String
NEXT_PUBLIC_HOST_IMAGE_PROXY	String

Code Example

  import Image from "next/image"
  import { loaderImage } from 'next-js-image-loader'

  function renderImage () {
    return (
      <>       
        <Image
          loader={loaderImage}
          src="https://storage.googleapis.com/cms-general-assets/logo/cms-media-idn-times.png"
          width={100}
          height={100} //optional props          
        />
      </>      
    )
  }