Build an AI Object Detector with Next js 14, Tailwind CSS, Tensorflow, React | Full Tutorial 2024 🔥🔥

Build an AI driven Object Detection App in NextJS 14 using tailwindcss for styling and tenserflow's coco-ssd for object detection model.

➡️ Source Code -

👤 Join the RoadsideCoder Community Discord -

🔗 React JS Interview Series -

🔗 MERN Stack Chat App Tutorial -

🔗 JS Interview Series -

🔗 Cars24 Interview Experience -

🔗 Unacademy Interview Experience -

🔗 Tazorpay Interview Experience -

🔗 React Beginner's Project Tutorials -

#nextjs #nextjs14 #reactjs

-------------------------------------------------------------------------

00:00 Intro
01:02 Setup Next JS with Tailwind CSS
03:28 Building the UI
04:31 Tailwind CSS Tutorial
10:36 Object Detection Component
13:54 Webcam Logic
18:16 Setup the AI Model
22:25 Rendering Predictions on Canvas
32:53 Playing alarm on person detection
35:28 Important Action!

-------------------------------------------------------------------------

⭐ Support the channel -

Special Thanks to our members -

[RoadsideCoder]

Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥

If this video gets good response, I will make more Next JS videos. So do share it!

[abikarthi]

Who wants next js 14 full course...like here...

[lgocvyn]

Great amazing combination ai with next js keep it sir

[Mr_AKiPad]

thanks a lot for this nextJS series. Bhagan aapko tarakki de .

[irfananaaz]

ya please do make full length in depth conceptional tutorial video on Tailwand CSS and Next Js as well....and thanks for sharing your knowledge with us.

[anusmitakundu]

Please do more tutorials on next.js. Great stuff!

[sankhojjalchatterjee]

Looking forward for tailwind & next.js course.

[warriorwarlord]

Please make more videos on Next.JS...specially for newbies in Next JS. Love your content.

[muhammaduzairilyas]

Yo, new to your Youtube. Amazing content. You should create more like this!! and Yes for the full on Next.js.

[SunilKumar-cqgu]

I always have this basic question, why are we using nextjs for this, when it is csr should be react, and why even react? It is a very js thing when we directly controlling the dom

[neverexperience]

0:39
It's not just an ordinary book.. It's Death Note.

Nice video btw

[MUsmandev]

Ohhh 😮
Tensorflow am shocked 😳
Can you start a playlist on this ....?

[md.taahaabakhshi]

How do u had fix scrolling?? My height is get more and width is less??how to fix it?

[TarunSharma-kkzr]

I am getting an error in Line 36 of your code : Cannot read properties of null (reading 'video'). I am not getting why. Please suggest

[john-wemz]

How to deploy this app, please tell ?

[sourishchatterjeechatterje]

Sir would you recommend us to build this project as Iam having only javascript knowledge?? So should we further proceed for this project???

[alchemistmd]

hey I have the exact banana and scissor.

[nsvidzd]

bhai you told that after 20 march course fee will be 2k but you are offering at 1499 at 50% but it should be 1000 right can you reduce it 1000 bhai any special price or offer

[shub]

Me who knows u copied this idea from which channel