Completed
20:03 Layout example 2 full width, blog
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Next.js Image Component - Complete Guide with ImageKit Integration
Automatically move to the next video in the Classroom when playback concludes
- 1 00:00 Intro
- 2 00:42 ImageKit
- 3 01:58 Layout example 1 simple
- 4 02:10 Native img-tag
- 5 02:48 Next.js Image component
- 6 02:58 Width & Height props
- 7 04:42 Responsive images
- 8 05:56 srcSet & sizes
- 9 14:17 DPR / retina
- 10 15:48 Disable cache
- 11 16:36 Priority
- 12 17:06 Blur placeholder
- 13 18:29 Local image
- 14 20:03 Layout example 2 full width, blog
- 15 21:43 fill
- 16 23:09 sizes
- 17 24:06 What if there is padding?
- 18 25:33 Custom loader connect ImageKit to Image component
- 19 29:54 Layout example 3 gallery
- 20 32:50 Layout example 4 bg image
- 21 33:58 Layout example 5 masonry
