History

Steven 3a459ca986 chore(next/image)!: mark `onLoadingComplete` as deprecated in favor of `onLoad` (#56944 ) ## History We used to pass `onLoad` through directly to the underlying img so `onLoadingComplete` was introduced in order to handle the case when `placeholder="blur"` was used and `onLoad` would trigger before the placeholder was removed. We have since changed the behavior of `onLoad` so that it acts the same as `onLoadingComplete` and therefore `onLoadingComplete` is no longer needed. ## What is this PR doing? This PR marks `onLoadingComplete` as deprecated in favor of `onLoad`. In the future, we may remove `onLoadingComplete`.		2023-10-17 21:12:22 +00:00
..
components	chore(next/image)!: mark `onLoadingComplete` as deprecated in favor of `onLoad` (#56944 )	2023-10-17 21:12:22 +00:00
pages	Improvements to Cloudinary Example (#44572 )	2023-01-04 20:37:32 +00:00
public	Add with-cloudinary example (#43250 )	2022-12-02 04:05:34 +00:00
styles	Add with-cloudinary example (#43250 )	2022-12-02 04:05:34 +00:00
utils	chore(examples): fix `@ts-ignore` in Cloudinary config (#47029 )	2023-03-13 13:40:21 -07:00
.env.local.example	Add with-cloudinary example (#43250 )	2022-12-02 04:05:34 +00:00
.gitignore	Remove incorrect entries for pnpm debug log (#47241 )	2023-03-26 22:26:05 -07:00
next-env.d.ts	Remove incorrect entries for pnpm debug log (#47241 )	2023-03-26 22:26:05 -07:00
next.config.js	Add with-cloudinary example (#43250 )	2022-12-02 04:05:34 +00:00
package.json	Improvements to Cloudinary Example (#44572 )	2023-01-04 20:37:32 +00:00
postcss.config.js	Add with-cloudinary example (#43250 )	2022-12-02 04:05:34 +00:00
README.md	update example Deploy button URLs (#48842 )	2023-04-26 13:31:44 -04:00
tailwind.config.js	Add with-cloudinary example (#43250 )	2022-12-02 04:05:34 +00:00
tsconfig.json	Add with-cloudinary example (#43250 )	2022-12-02 04:05:34 +00:00

README.md

Next.js & Cloudinary example app

This example shows how to create an image gallery site using Next.js, Cloudinary, and Tailwind.

Deploy your own

Deploy the example using Vercel or view the demo here

Check out our Next.js deployment documentation for more details.

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example::

 npx create-next-app --example with-cloudinary nextjs-image-gallery

yarn create next-app --example with-cloudinary nextjs-image-gallery

pnpm create next-app --example with-cloudinary nextjs-image-gallery

References

Cloudinary API: https://cloudinary.com/documentation/transformation_reference