- 331
- 42 741
Az Bytes
India
เข้าร่วมเมื่อ 18 มี.ค. 2011
This is Tarun Kumar
On this channel, I'll share my coding tutorials.
I am a software engineer with 13 years of experience.
Thanks
Tarun
On this channel, I'll share my coding tutorials.
I am a software engineer with 13 years of experience.
Thanks
Tarun
Nextjs 15 Tutorial Hindi 31 Conditional Routes
In this video, we will see how we can create Conditional Routes in next.js
Source Code: github.com/tarunmishra592/nextjs15-cource
Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs___Yo.html
Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html
Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html
Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZEF9EczgBufb70R---uW.html
Learn JavaScript: th-cam.com/play/PLlwQSlSJ-Vg8AqxjxCdgRXcikj1vWqBnu.html
Learn React Custom Hooks: th-cam.com/play/PLlwQSlSJ-Vg_-6ZhWveT8c5IOR7nx7KGO.html
00:00 Conditional Routes
00:30 Creating the Login Slot
01:10 Setting Up Authentication Check
02:28 Testing the Conditional Routes
Thanks for Watching.
Please like and subscribe to the channel
next js,next js 15,next js 15 tutorial,next js 15 authentication,next js 15 new features,next js 15 ecommerce,next js 15 caching,next js 15 tutorial for beginners,next js 15 hindi,next js 15 routing,next js 15 shadcn,next js 15 auth,next js 15 install,next js 15 changes,next js 15 full stack,next js tutorial,next js project,next js tutorial for beginners,next js vs react,next js interview questions,next js website,next.js hindi,nextjs tutorial hindi
#javascript #typescript #hindi #tutorial #tarun #azbytes #python #nodejs #reactjs #nextjs #django
Source Code: github.com/tarunmishra592/nextjs15-cource
Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs___Yo.html
Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html
Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html
Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZEF9EczgBufb70R---uW.html
Learn JavaScript: th-cam.com/play/PLlwQSlSJ-Vg8AqxjxCdgRXcikj1vWqBnu.html
Learn React Custom Hooks: th-cam.com/play/PLlwQSlSJ-Vg_-6ZhWveT8c5IOR7nx7KGO.html
00:00 Conditional Routes
00:30 Creating the Login Slot
01:10 Setting Up Authentication Check
02:28 Testing the Conditional Routes
Thanks for Watching.
Please like and subscribe to the channel
next js,next js 15,next js 15 tutorial,next js 15 authentication,next js 15 new features,next js 15 ecommerce,next js 15 caching,next js 15 tutorial for beginners,next js 15 hindi,next js 15 routing,next js 15 shadcn,next js 15 auth,next js 15 install,next js 15 changes,next js 15 full stack,next js tutorial,next js project,next js tutorial for beginners,next js vs react,next js interview questions,next js website,next.js hindi,nextjs tutorial hindi
#javascript #typescript #hindi #tutorial #tarun #azbytes #python #nodejs #reactjs #nextjs #django
มุมมอง: 2
วีดีโอ
Nextjs 15 Tutorial Hindi 30 Unmatched Routes
มุมมอง 3ชั่วโมงที่ผ่านมา
In this video, we will see Unmatched Routes in next.js Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZEF9EczgBufb70R uW.html L...
Nextjs 15 Tutorial Hindi 29 Parallel Routes
มุมมอง 6ชั่วโมงที่ผ่านมา
In this video, we will see advanced routing called parallel routes in next.js Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZE...
Nextjs 15 Tutorial Hindi 28 Global Error Handling
มุมมอง 204 ชั่วโมงที่ผ่านมา
In this video, we will see how we can handle global error. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZEF9EczgBufb70R uW.ht...
Nextjs 15 Tutorial Hindi 27 Error Handling in Layouts
มุมมอง 14 ชั่วโมงที่ผ่านมา
In this video, we will see next.js project structure and what is the use of each of the files. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play...
Nextjs 15 Tutorial Hindi 26 Error Handling in Nested Routes
มุมมอง 64 ชั่วโมงที่ผ่านมา
In this video, we will see how we can handle errors in nested routes. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZEF9EczgBu...
Nextjs 15 Tutorial Hindi 24 Loading UI
มุมมอง 6412 ชั่วโมงที่ผ่านมา
In this video, we will see how to implement loading in next.js for any routes. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZ...
Nextjs 15 Tutorial Hindi 23 Templates
มุมมอง 1712 ชั่วโมงที่ผ่านมา
In this video, we will see how to implement a template in next.js and its purpose. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-V...
Nextjs 15 Tutorial Hindi 25 Error Handling
มุมมอง 912 ชั่วโมงที่ผ่านมา
In this video, we will see how we can handle errors in any route in next.js Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZEF9...
Nextjs 15 Tutorial Hindi 22 Programmatically Navigate
มุมมอง 914 ชั่วโมงที่ผ่านมา
In this video, we will see how we can programmatically navigate in next.js Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9TZEF9E...
Nextjs 15 Tutorial Hindi 21 Params and searchParams
มุมมอง 1114 ชั่วโมงที่ผ่านมา
In this video, we will see what is params and searchParams and how we can use it. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg...
Nextjs 15 Tutorial Hindi 20 Active Links
มุมมอง 914 ชั่วโมงที่ผ่านมา
In this video, we will see how we can show an active menu in the Link component. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg9...
Nextjs 15 Tutorial Hindi 19 Link Component
มุมมอง 516 ชั่วโมงที่ผ่านมา
In this video, we will see how we can use Link Component in Next.js and what is the use of it. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play...
Nextjs 15 Tutorial Hindi 18 Title Metadata
มุมมอง 416 ชั่วโมงที่ผ่านมา
In this video, we will see what all about title metadata and how we can use them. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg-SoOGs_d-JJgTzBpPZvite.html Learn Next.js 14: th-cam.com/play/PLlwQSlSJ-Vg...
Nextjs 15 Tutorial Hindi 17 Routing Metadata
มุมมอง 316 ชั่วโมงที่ผ่านมา
In this video, we will see Routing Metadata in Next.js how Routing Metadata helps in SEO and will see the use of Routing Metadata and how we can use of it. Source Code: github.com/tarunmishra592/nextjs15-cource Learn React: th-cam.com/play/PLlwQSlSJ-Vg-XlNLMHrv0_DFQbIs Yo.html Learn Nodejs: th-cam.com/play/PLlwQSlSJ-Vg943aItEcf2vDH2_F5obdgc.html Learn Framer Motion: th-cam.com/play/PLlwQSlSJ-Vg...
Nextjs 15 Tutorial Hindi 16 Multiple Root Layouts
มุมมอง 216 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 16 Multiple Root Layouts
Nextjs 15 Tutorial Hindi 15 Nested Layouts
มุมมอง 516 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 15 Nested Layouts
Nextjs 15 Tutorial Hindi 13 Route Groups
มุมมอง 416 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 13 Route Groups
Nextjs 15 Tutorial Hindi 12 Private Folder
มุมมอง 516 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 12 Private Folder
Nextjs 15 Tutorial Hindi 11 File Colocation
มุมมอง 616 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 11 File Colocation
Nextjs 15 Tutorial Hindi 10 Not Found Page
มุมมอง 916 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 10 Not Found Page
Nextjs 15 Tutorial Hindi 09 Catch-all Segments
มุมมอง 616 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 09 Catch-all Segments
Nextjs 15 Tutorial Hindi 08 Nested Dynamic Routes
มุมมอง 616 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 08 Nested Dynamic Routes
Nextjs 15 Tutorial Hindi 07 Dynamic Routes
มุมมอง 616 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 07 Dynamic Routes
Nextjs 15 Tutorial Hindi 06 Nested Routes
มุมมอง 616 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 06 Nested Routes
Nextjs 15 Tutorial Hindi 04 About Routes RSC
มุมมอง 916 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 04 About Routes RSC
Nextjs 15 Tutorial Hindi 03 Project Structure
มุมมอง 916 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 03 Project Structure
Nextjs 15 Tutorial Hindi 02 Hello World Project
มุมมอง 2116 ชั่วโมงที่ผ่านมา
Nextjs 15 Tutorial Hindi 02 Hello World Project
Thanks
Thank you!
Nice tutorial. Just wanted to ask if there a way to give it some custom time to defer the value say for example 3 sec. Example when I stop typing then after 3 seconds the console.log should print the defVal but before that it should be null.
You might have to implement a custom debouncing solution.
Continue The series ❤❤
Yes, will upload full series
Great. pls give regular vedios that we learn on daily basis. And pls give Full stack Next js(FrontEnd+Backend) database with postgresql , that we can make full stack project.
Thank you! Will keep posted, currently working on nextjs15
@@azbytes it will be great
you explained very well. I appreciated 💝
Thank you!
Bhaiya yrr ye v7 router samjh ni aa rha h.. v6 vala ata h bjt uski chize alg and iski alg h
V7 me framework ke saath aaya hai, isme project ve bana shakte ho, iska full video ve upload kar diya hu dekh lo use smaj aajaiga.
Good effort and well explained. It helped me alot thanks
Thank you!
Keep it up bro You are doing good 👍
Thank you!
Good
Thank you!
Thanks a lot, sir, for this awesome video. Please make more videos on react-router-7 like your next.js 15 course. May God always keep blessing you.🙂
app bhai typescript ke interface pe content banao in react
Bhut jald aane wala hai bro ✅
very nice bhai app aur video lao app ka teaching style acha hai
how to set custom not-found.tsx ?? if i go to /en/etasagd there is not found and will to have layout.tsx in app folder
Main to abhi react router 6 padh ke aa raha huu isme kya naye update hai
Now React Router 7 come with framework and meany new features.
mast video banaya h sir concept clear ho gaya call back hell ka.
study tutorial song mat lao sir
Wow Thankyu
Thank you!
Sir yr react rouer as framework, remix ka upgrade version h?? Mean we can create api also in react router framework??
Yes, you can create API route also: reactrouter.com/start/framework/custom
git repo please
Thanks You sir 🙂🙂
Thank you!
Bhaiya Face video me contrast jada h
Your way of explaining complex topics is outstanding! The use of clear, relatable examples for each concept makes it so easy to grasp. I also appreciate the structured hierarchy you follow-it builds understanding step by step. I've watched your playlist, and it has boosted my confidence tremendously. Keep up the great work, and I’m sure your channel will continue to grow!
Great to hear!
sir ap ka lecture boht acha huta ha thank you sir sir kia ap code Evolution ki video sy help lata ha ?
bro, it's useActionState not status!!!
Correct 👍 i will change it.
well explain bro
Thank you 🙂
i have a question can we connect?
could you please message me the question on insta @azbytes_
can you replly i am facing issue with meta data
@@azbytes I already messaged my username is @webdevdost
@@azbytes I already messeged
@@azbytes please check dm
Thank you so much ❤❤
Thank you!
bhaiya playlist complete hogyi hai bss abb next15 mein jo updates hain wo cover krwa dijiye aur agr h shake toh kch projects bnwa dijiye.... series bahot osm hai mja hi aagya complete krke... Thank you so much and hats of to you
correction : at 2:18 sir said %f5 but it is %5F
15 done
Please Make a video, Production grade : build api next js 15 crud operation [connection with two models Like: blog:category] and fetch this api using redux toolkit,
Okay, will make it.
done
if not understand anything, i will help you, keep learning.
done
2nd video done
video-1 Done
Great!
Sir apne banner tsx pe lorean tsx file show nh ki us me Jo material hai use kese use kre
source code: github.com/tarunmishra592/nextjs-framer-motion
Masha allah nice
Thank you!
Thanks you so much mana bhi get kiya ma samjhi ka get nhi huga koi na koi error aa gaya ga par huoga thanks
Great!
Thanks!
Thank you!
Why we use clousre function
very helpful
Thank you 🙏
Do we need to add loading.tsx and error.tsx in every component? can't we use once generic components
Not in every components but where you need loading and error handling
Best course for framer motion
Thank you!
bhai e commmerce website mai ye kesy implement hoga
Uspe ek project bana ke upload karunga video
I wanted to suggest adding a "Contact Me" form and a "Work Experience" section. It would be great if you could create a part 2 of this video. Also, please consider using Supabase, Firebase, or any BaaS for managing the contact form data. Please consider taking my request 🙏
Sir pls ye bta do ki aap iska 2nd part banoge yaa nhi??
JavaScript made from which language?
It is a scripting language, to run this language different browsers have own JS engine, like chrome have V8 and it is written in c++
Source code is where
github.com/tarunmishra592/nextjs-portfolio
Sir full course on frame motion and creating videos about new react v19 features . you are best teacher for me please sir
Sure!
@@azbytes thank you sir I am waiting for your videos and also create a course about three.js because explanation is great
Pls Tell me how to save the upload Single and more file in database ,
Okay i will upload video for that in coming days.
Thank you