you are awesome brother I just want to suggest that you should consider incorporating real-time projects into your content. From what I've observed, beginners seem to prefer project-based coaching nowadays. I've noticed the success of channels like JavaScript Mastery and Code with Antonio, which have grown by focusing on practical projects. While I understand the importance of the concepts you explain on your channel, combining them with hands-on projects could create a powerful learning experience. Insha'Allah, this approach may have a positive impact on your channel. ( but you know better at last )
This is scary because was about to look for something exactly this but lord and behold you just pop up in my youtube frontpage, thanks yt algorithms and thank you for this awesome video!
It's not Free. It's Paid Service. Nothing bad, but if you are already paying for some CMS, you will have to pay 2 times the money. Like say Sanity where the MUX Plugin is there but then it's an API based where the MUX cost will also be there. So, bottom line, avoid adding Videos on the first page viewport and for the rest, simply use Lazy Loading using Lite-UA-cam-Embed or something similar. Also, Sanity by default have 206 Partial Content header policy which streams the video on your site. HOWEVER, this is best for optimizing video on the first viewport.
i wonder if i decided to use youtube video, does next-video will be able to parse the youtube link and shows the video properly, anyway great tips mr hamed! im currently focusing on nextjs as amateur front end developer/web programmer and i have been using your tips recently in my projects hahaha
You mentioned you use the video for your own website for your course. I am considering to use a video-streaming provider like mux with next-video, too. But It is for a hobby project of mine and looking at the pricing, I have no idea on what that actually means. If you don't mind, would you share what you're paying for what kind of traffic?
Mux is pretty cost effective. The pricing is divided between encoding, storage and delivery. It also depends on the resolution, for example for on-demand videos encoding 1080 p is free. For example if you have about 50 videos in 1080p, that are each about 25 minutes long, and people are watching 100% every month the cost will come about $5 a month. I'm making a deep dive video on Mux coming out this week, and I'll cover pricing there.
@@sylvesterstephen4749 yes it's a pay as you go service depending on the your usage. If you're using HD the storage would be free, and you would only pay for streaming (when someone watches the video). If you're uploading 4K videos you have to also pay for storage. I've covered pricing in this video → ua-cam.com/video/6qv03Fo2upI/v-deo.html
Hello my friend, can you help me please? I want to use form encoded in my thunder client but it doesn't work with next js api folder. Please help me or I suicide myself 3 months of search but nothing.
@@kenshinhimura3140 Try a 'POST' request and access the `formData` on the `request` object in your route handler ↓ ``` export async function POST(req) { const data = await req.formData() ... } ```
you are awesome brother I just want to suggest that you should consider incorporating real-time projects into your content. From what I've observed, beginners seem to prefer project-based coaching nowadays. I've noticed the success of channels like JavaScript Mastery and Code with Antonio, which have grown by focusing on practical projects. While I understand the importance of the concepts you explain on your channel, combining them with hands-on projects could create a powerful learning experience. Insha'Allah, this approach may have a positive impact on your channel. ( but you know better at last )
Thanks for the suggestions. I agree with you, and I have more project-based videos coming up this year.
This is scary because was about to look for something exactly this but lord and behold you just pop up in my youtube frontpage, thanks yt algorithms and thank you for this awesome video!
😅 My pleasure! Glad it was helpful.
Perfect timing for a project of mine, thanks!
Glad to help!
It's not Free. It's Paid Service. Nothing bad, but if you are already paying for some CMS, you will have to pay 2 times the money. Like say Sanity where the MUX Plugin is there but then it's an API based where the MUX cost will also be there.
So, bottom line, avoid adding Videos on the first page viewport and for the rest, simply use Lazy Loading using Lite-UA-cam-Embed or something similar. Also, Sanity by default have 206 Partial Content header policy which streams the video on your site.
HOWEVER, this is best for optimizing video on the first viewport.
Whatever works best for your project!
Thank you. You are so consistent and amazing!
Thank you! I appreciate that.
Ok wait, that's amazing but how can I run the video from the local file so that i don't burn my limit on development? is't possiblein next ?
Not sure if you can do that, unless you don't sync the local videos at all.
exactly what ive been searching for ....i dont know why this account hasnt reached 1M yet
Thank you! I appreciate that.
Thank you, I was exactly looking for this.
Glad I could help!
love it! video's are a pain in the arse :D Thanks Hamed
My pleasure!
i wonder if i decided to use youtube video, does next-video will be able to parse the youtube link and shows the video properly, anyway great tips mr hamed! im currently focusing on nextjs as amateur front end developer/web programmer and i have been using your tips recently in my projects hahaha
Glad to hear that! Welcome onboard...
Really very useful topic love from India ❤❤
Glad you liked it!
You mentioned you use the video for your own website for your course. I am considering to use a video-streaming provider like mux with next-video, too. But It is for a hobby project of mine and looking at the pricing, I have no idea on what that actually means. If you don't mind, would you share what you're paying for what kind of traffic?
Mux is pretty cost effective. The pricing is divided between encoding, storage and delivery. It also depends on the resolution, for example for on-demand videos encoding 1080 p is free. For example if you have about 50 videos in 1080p, that are each about 25 minutes long, and people are watching 100% every month the cost will come about $5 a month. I'm making a deep dive video on Mux coming out this week, and I'll cover pricing there.
@@hamedbahram Thank your for the reply, that seems fine, I was worried. Looking forward to your video :-)
@@sevenseven6123 Absolutely!
I am getting something like MUX for video API text purpose only in the middle of t he video how to remove that please reply
You need to sign up on Mux with a credit card to remove the test only API.
bro do I have to subscribe mux to remove that thing appear on my video which saying "for video API test purposes only"?
I'm not sure what that means, but you can create an account for free.
i have a similar issue, please did you resolve it?
Hello Hamed. I would ask you a question if you don't mind, really need some help. How I can get in touch with you?
Hello! You can contact me here → www.hamedbahram.io/contact
Thanks very much! I've written to you just now.@@hamedbahram
Brilliant content brother keep going !!
Thank you 🙌
سلام وقتتون بخیر ایا امکانش هست ویدئوهایی که از سمت api میان رو هم با این پلیر استفاده کرد؟
You should be able to. Test it out and let me know.
Perfect as usual!
Thank you! Cheers!
bro a suggestion, you should zoom in on the windows so they can be seen better, thanks.
Will do. Thanks for the feedback.
but wait.. why do i still have the mux watermark on my video?
You have to verify your account with a credit card. Mux is a paid service.
What are the advantages of doing this instead of embeding video from youtube?
Performance, control, analytics.
idk if i missed it but wish u told us it was paid service lol
Thanks for the feedback.
@@hamedbahram anytime homie
my videos are showing this mux watermark and i don't know why
You need to sign up with a credit card.
@@hamedbahram will i be charged?
@@sylvesterstephen4749 yes it's a pay as you go service depending on the your usage. If you're using HD the storage would be free, and you would only pay for streaming (when someone watches the video). If you're uploading 4K videos you have to also pay for storage. I've covered pricing in this video → ua-cam.com/video/6qv03Fo2upI/v-deo.html
Hello my friend, can you help me please? I want to use form encoded in my thunder client but it doesn't work with next js api folder.
Please help me or I suicide myself 3 months of search but nothing.
Are you using the `pages` router or the `app` router?
@@hamedbahram I am using the app router my friend, and inside I created a api folder.
@@kenshinhimura3140 Try a 'POST' request and access the `formData` on the `request` object in your route handler ↓
```
export async function POST(req) {
const data = await req.formData()
...
}
```
@@hamedbahram it is not working, why in express I can use form encoded and Form data in thunder client and not in nextjs it is crazy
@@hamedbahram it says "cannot set properties of undefined setting base"
Amazing 🔥🔥
Thanks!
it is weak to show video from project
That's only when you run local dev server and if the remote video hasn't finished processing.
You 're The Best ❤❤👌
Appreciate it!
doesnt work
Why not? getting any errors?
source not supported @@hamedbahram
Cool!
Thanks!
mux is not free, after 24 hours apparently the delete the videos
That’s right, Mux is not free.
But It is not free!
What is not free?
@@hamedbahram Mux
I lose my time watching u ..
Glad to hear that!
great! thank you
My pleasure!