@@ -30,7 +30,7 @@ The only dependency is Next.js >= 10.0.5.
30
30
## Installation
31
31
32
32
``` shell_script
33
- yarn add nextjs-loader
33
+ yarn add @uploadcare/ nextjs-loader
34
34
```
35
35
36
36
## Configuration
@@ -60,7 +60,7 @@ Alternatively, in case you're using a custom proxy, set the proxy domain.
60
60
NEXT_PUBLIC_UPLOADCARE_CUSTOM_PROXY_DOMAIN =" proxy.example.com"
61
61
```
62
62
63
- That's it. You may now use ` nextjs-loader ` in your app (see [ Usage] ( #usage ) ).
63
+ That's it. You may now use ` @uploadcare/ nextjs-loader` in your app (see [ Usage] ( #usage ) ).
64
64
65
65
---
66
66
@@ -80,7 +80,7 @@ NEXT_PUBLIC_UPLOADCARE_CUSTOM_CDN_DOMAIN="cdn.example.com"
80
80
81
81
** Option 1** . Use the ` UploadcareImage ` component and leave us the reset ;)
82
82
``` tsx
83
- import UploadcareImage from ' nextjs-loader' ;
83
+ import UploadcareImage from ' @uploadcare/ nextjs-loader' ;
84
84
85
85
<UploadcareImage
86
86
alt = " A test image"
@@ -96,7 +96,7 @@ The `UploadcareImage` component supports the same parameters as the Next `Image`
96
96
97
97
``` tsx
98
98
import Image from ' next/image' ;
99
- import { uploadcareLoader } from ' nextjs-loader' ;
99
+ import { uploadcareLoader } from ' @uploadcare/ nextjs-loader' ;
100
100
101
101
<Image
102
102
alt = " A test image"
@@ -120,7 +120,7 @@ and add this code to it:
120
120
``` js
121
121
// image-loader.config.js
122
122
import { imageLoader } from ' next-image-loader/build/image-loader' ;
123
- import { uploadcareLoader } from ' nextjs-loader' ;
123
+ import { uploadcareLoader } from ' @uploadcare/ nextjs-loader' ;
124
124
125
125
imageLoader .loader = uploadcareLoader;
126
126
```
@@ -173,11 +173,11 @@ Next checks whether the image url which loader generates has the exact value whi
173
173
** Fix:** Ignore the warning for now.
174
174
175
175
176
- [ build-img ] : https://app.travis-ci.com/kkomelin /nextjs-loader.svg?branch=main
177
- [ build-link ] : https://api.travis-ci.com/kkomelin /nextjs-loader
178
- [ npm-img ] : https://img.shields.io/npm/v/nextjs-loader.svg
179
- [ npm-link ] : https://www.npmjs.com/package/nextjs-loader
176
+ [ build-img ] : https://app.travis-ci.com/uploadcare /nextjs-loader.svg?branch=main
177
+ [ build-link ] : https://api.travis-ci.com/uploadcare /nextjs-loader
178
+ [ npm-img ] : https://img.shields.io/npm/v/@uploadcare/ nextjs-loader.svg
179
+ [ npm-link ] : https://www.npmjs.com/package/@uploadcare/ nextjs-loader
180
180
[ stackblitz-image ] : https://developer.stackblitz.com/img/open_in_stackblitz.svg
181
- [ stackblitz-link ] : https://stackblitz.com/github/kkomelin /nextjs-loader/tree/main/example
181
+ [ stackblitz-link ] : https://stackblitz.com/github/uploadcare /nextjs-loader/tree/main/example
182
182
[ demo-link ] : https://nextjs-loader.vercel.app/
183
183
[ uploadcare-transformation-image-compression-docs ] : https://uploadcare.com/docs/transformations/image/compression/?utm_source=github&utm_campaign=nextjs-loader
0 commit comments