File uploads in Next JS 14 just got SO MUCH EASIER!!

Vercel blob storage tutorial. Next JS file uploads tutorial.
🎓 Learn how to upload files with vercel blob storage and next js 14 app router.

Chapters:
0:00 Intro
0:18 Project setup
0:35 Create blob storage db
0:51 Link db to next project
1:47 Pull env variables to local project
2:07 Prepare project and use example form
3:25 Fix typescript errors
4:22 Quick overview of upload endpoint
4:55 Test out the file upload
5:57 Create page to list all uploaded files
8:13 Create client component to handle delete file
9:37 Create the api file DELETE handler
11:15 Test out the delete file

#nextjs14 #nextjs #nextjstutorial

[WebDevEducation]

Will you guys be using vercel blob storage for file uploads? Also yes, I do realise that the double pipe is unecessary for the filename because I immediately check if there's a value anyway.

[michellesayson]

Thanks you!! Will also appreciate if you make a client upload. 🙇

[miguelhuayhuacondori]

I always had the doubt if the files can be saved in the plublic folder and if it is a good practice to do that

[ayoubrahmani]

is it possible to get a specific blob by pathname?

[ilan]

Hi. Thank you so much for video. I wunder if there is a way to select more than one file ? I’ll be using it as a blog post on my next project. Any help would be appreciated 🙏

[bipanshukumarroy]

Hey i've followed the whole tutorial and build a simple project for uploading profile pictures, it's running totally fine on the localhost but when i try to upload the picture on the deployed version which ive deployed on the vercel, itself it doesn't shows the new deployed pictures, i'm confused why?? can you guide me with that!??