Hellow guys, Welcome to my website, and you are watching Next-Level S3 File Management: The Ultimate Guide to Handling Files in Next.js 14. and this vIdeo is uploaded by Sam Meech-Ward at 2023-11-14T06:00:42-08:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
| Name | Next-Level S3 File Management: The Ultimate Guide to Handling Files in Next.js 14 |
| Video Uploader | Video From Sam Meech-Ward |
| Upload Date | This Video Uploaded At 14-11-2023 09:00:42 |
| Video Discription | Use server actions to generate a signed url, then upload your image straight to s3 from the front-end to avoid overloading your serverless functions. This is a complete tutorial on how to use S3 to Get, Put, and Delete files in your Next.js 14 applications. I'll show you how to make this work with images and videos, but these techniques will work with any file type. Code and references: https://www.nexttonone.lol/upload-s3 Join this channel to help me make more videos and get access to some videos early: https://www.youtube.com/channel/UC6aTLuI_j4-0wiDSzmaPctQ/join Chapters: 0:00 Intro 1:08 Referencing the file 2:31 File Preview 4:35 Create S3 Bucket 8:25 IAM Credentials 12:24 Next Server Action 15:28 Signed URL & Upload 21:27 File Requirements & Restrictions 26:08 Unique File Names 28:45 Save to Database 42:51 SQL Queries 44:19 Delete File 49:16 Summary 🔗Moar Links My Website: https://www.sammeechward.com Instagram: https://www.instagram.com/meech_ward Twitter: https://twitter.com/Meech_Ward Github: https://github.com/orgs/Sam-Meech-Ward |
| Category | Science & Technology |
| Tags | next js | next js 14 tutorial | next js project | server actions | vercel blob |
