Completed
00:00 File / Image upload problems
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
File and Image Uploads in Next.js 15 Are Easy Now
Automatically move to the next video in the Classroom when playback concludes
- 1 00:00 File / Image upload problems
- 2 02:06 Example Next.js app
- 3 02:43 input with type="file" + styling
- 4 06:12 Pinata setup
- 5 08:02 import server-only
- 6 09:10 isUploading state
- 7 09:43 Upload file from browser to API route
- 8 11:34 Upload file from API route to Pinata
- 9 13:30 Display image with Signed URL
- 10 17:01 CDN + Signed URL
- 11 18:01 Image optimization size, webp
- 12 19:38 Next.js Image component
- 13 20:47 srcSet
- 14 21:52 Custom loader Pinata
- 15 22:58 Next.js + Pinata stack
