How to Upload Images in React / Next.js (File Uploads, Filestack)

Рет қаралды 14,492

Күн бұрын

Check out the sponsor Filestack and get 1GB in free bandwidth: tinyurl.com/ByteGradFilestack
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). Check out Kinde for authentication: bit.ly/3QOe1Bh
👉 NEW React & Next.js course released at any moment to email subscribers: email.bytegrad.com
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (React + Next.js course out soon!): email.bytegrad.com
⏱️ Timestamps:
0:00 Image / File uploads
0:57 Top 8 obstacles
2:01 Pro solution: Filestack
2:39 Demo intro
3:10 Filestack upload & download
11:07 Filestack transformations
14:12 Webhooks
14:47 Serverless functions
20:53 Signed URLs
33:58 Scalable, serverless uploads with Filestack
#webdevelopment #programming #coding

Пікірлер: 21

@ByteGrad 7 ай бұрын

You can check out the sponsor Filestack and get 1GB in free bandwidth here: tinyurl.com/ByteGradFilestack

@klaudiuszbiegacz3519 7 ай бұрын

Great content as always Wesley! Can't wait for October 30

@YalreadyKnowit 7 ай бұрын

React documentation for filestack is LIGHT so thanks for doing this video

@ozgursar5386 7 ай бұрын

Thank you for the tutorial. It would be nice if you demonstrate how to do a similar functionality without using Filestack, but instead storing files at Supabase with a simpler UI.

@pixyoutube538 7 ай бұрын

Thank you 😊

@WilliamShrek 7 ай бұрын

This is cool!

@venicebeachsurfer 7 ай бұрын

In regards to "external" images and having to hard code height/width. What about responsive? How would you handle dynamic values here?

@dhirajavasthi6539 6 ай бұрын

hey ByteGrad your content is very helpful can you please help me with the below problem using zod and next js 13 or 14 problem : How to read content of uploaded json file on react / next.js 13 or 14 using zod

@fnandesrafael 7 ай бұрын

There's any way to customize the Picker UI?

@williamcao5139 7 ай бұрын

When do you release react course ?

@ByteGrad 7 ай бұрын

Will be launched on October 30! :)

@zunnoorainrafi5985 7 ай бұрын

filestack-react is not installing and giving errors in terminal , npm of filestack-react is last published in 2021.

@Ash-fc3lp 5 ай бұрын

This is a great example, but the images are not persistent and are removed on refresh - I thought the idea of FileStack is that they store the image and it is persistent in the website !!!

@buddy.abc123 7 ай бұрын

Man...Americans have so many options

@brajagopalmukherjee1588 7 ай бұрын

Can we get neew react course on udemy?

@ByteGrad 7 ай бұрын

Sorry, it will only be available on ByteGrad.com

@bukkeiedwin2125 7 ай бұрын

@@ByteGrad Hello, I am looking to buy the CSS and Javascript course, I took a look on udemy and your website, do we also get a certificate on ByteGrad?

@FaizSultan430 7 ай бұрын

when your nextjs course coming

@ByteGrad 7 ай бұрын

October 30. Make sure you’re on the email list ;)

@zlackbiro 7 ай бұрын

Why nobody talks about how to build your own backend where you are the owner of your photos, not some third party service from where you dont have a control how to backup, reuse, or something else. Why cloud everything? Why teaching programmers to be a users, not a real programmers. The world will collapse one day and none of you wont be able to create your own custom shit! Learn real programming and how stuff works. Make your own god damn CDN! Where is the spirit?