Next.js 14. Build and deploy a YouTube clone
Рет қаралды 2,984
Күн бұрынKZfaq Clone with Nextjs 14, tailwind css, typescript, shadcnUI, KZfaq API.
Features:
Load Videos
Channel Videos
Play Videos
Search Functionality
Fully Responsive
Shadcn UI for components
Light and Dark theme
SWR Hook
Let's Connect 🚀🚀
LinkedIn: linkedin.com/in/laribright/
Email: itslaribright@gmail.com
source code: github.com/laribright/yt-clon...
Timestamps:
0:00 Intro - Demo
02:00 - New Project - Shadcn Setup
06:20 - Light and dark theme
14:21 - Top Navigation
39:10 - Side Navigation
51:57 - Footer
57:50 - Home Page (Data Fetching)
01:46:43 - Error boundary
01:52:00 - Loading Route
01:56:34 - Search badge component
02:04:25 - Fix broken links
02:07:10 - Video Watch page
03:08:00 - Channel Page
03:38:15 - Search Functionality
04:04:01 - Deployment
#react #nextjs14 #typescript #shadcnui #tailwindcss
@msalameh01 7 ай бұрын
excellent work, u deserve more follower, hope u will reach million sub soon.
@Liam-vn1fp 7 ай бұрын
THANKS TO KZfaq ALGORITHM. CHEERS 🥂
@aregaa 6 ай бұрын
I just wanted to reach out and let you know how much I've learned from your tutorials,would love to see a tutorial from you on creating an ecommerce website using nextjs,and thank you so much :D
@earnstein7607 7 ай бұрын
This is amazing, thank you so much ❤
@codewithlari 7 ай бұрын
Thank you
@EmmaLovesCoding 7 ай бұрын
thank you sir .. this is amazing !!!!!
@codewithlari 7 ай бұрын
Thank you
@niteshprajapat7918 7 ай бұрын
This is super insane🔥💥
@codewithlari 7 ай бұрын
Thank you
@atmanirbharofficialindiaon2789 6 ай бұрын
Is it possible to fetch comments as well?
@naveenbisht5543 7 ай бұрын
Hi! This project looks awesome. I want to know if it's okay to include such projects, which I created by following along with KZfaq tutorials, in my portfolio. Will it cause any problems?
@ojomudamola6674 3 ай бұрын
I am having issue with fetching the data, the url is wrong kindof, I use another api and it worked. I need help I am stuck
@gauravsharma597 7 ай бұрын
sir can you please bring video on Nextjs Apis and one video on - "use server", "use client" and next forms. thank you sir
@Manojkumar-fq2vu 7 ай бұрын
Noiisseeee.......
@codewithlari 7 ай бұрын
Thank you for engaging
@Manojkumar-fq2vu 6 ай бұрын
💖💖💖💖💖💖@@codewithlari
@jayzeugirdor1808 6 ай бұрын
how do you upload your videos?
The Lallantop
Рет қаралды 749 М.
DevOps For Developers
Рет қаралды 84 М.
Tips Workshop
Рет қаралды 17 МЛН
Elena Litvinova — The Art of Web Development 🛸
Рет қаралды 18 М.
code with lari
Рет қаралды 4,9 М.
Прохождение #Linux-машины INTENTIONS.HTB, сложного уровня | #HackTheBox | КАК ПРОЙТИ #INTENTIONS.HTB
Mekan Bairyev - MrCyberSec
Рет қаралды 43 М.
Blueberry Lutein
Рет қаралды 300 М.