Master Next JS 14 Complete Basic to Advance

[@manigr8est]

Arrre Bhai Pehle Kahan thay tum. Itni speed se aur itni details mein koi ni btata, bina time waste kiye. Ap k liye 1 sentence "Sidhi Bat, No Bakwas"

[@girldocode8408]

if you are a beginner and looking to learn NEXT.JS , then you are at the right place. This video / course is perfect for you to learn it.

[@manigr8est]

Your are a hidden gen bro. Best next js tutorial. Those who are saying for detail videos should keep in mind that next js is the top level framework based on react. For proper understanding of this tutorial one must have complete grasp on Javascript, react JS and Working with APIs. If you find this tutorial difficult or fast you first learn those technologies i mentioned above.

[@_Blackwolf_01]

gem

[@circketblendwithmusic]

Next.js ke is tutotrial se acha koi tutorial nahi hai. Very good sir ❤❤👍👍.

[@musicworld1717]

really appriciate you bro...just finished the entire course...now i can confidently jump in building projects. ,god bless you brother ...if you are new to next js ...trust this man and complete the course its damm good

[@farhanahmad6515]

Sir Ji You have the Best Capabilities to teach... You have covered almost All Main Topics in very Efficient manners... Weldon. I like your teaching style. and I learned Laravel with good understanding concept from you. and Now I m covering (nextjs) from you.

[@smithchristian4251]

Your channel makes me want to learn more. Thank you for making all complete tech stack series.

[@engineer8340]

Bhai bhot acha session tha literally nextjs kisiko start krna hai to is video se kare, you'll never regret ❤

[@isumanpaul]

One of the best tutorial... ❤ No bakwas sidhi baat. 👍🏻 Far better than long long tutorials. Keep it up..

[@webprojectsz]

Best video course for next js no entertainment only knowledge really like you bro❤❤❤❤

[@muhammadtahir-f6n]

your each tutorial is amazing I hope, in this nextjs 14 tutorial we will learn much more.

[@lakshyarajdash]

Thanks for this wonderful guide. It really helped me to migrate easily from nextjs 12 to nextjs 14. We can also use pages router if we give "no" to the prompt of app router.

[@KanhaiyaSahu01]

Very nice tutorial, its very helpful

[@UzmaKhan-yo2kg]

00:00:00 Introduction 00:00:25 Prerequisites 00:03:10 What is NextJS & Why use NextJS 00:06:25 Official Doc 00:07:35 Create NextJS Project with src 00:09:55 Run Project and Edit Default Template 00:11:02 Directory Structure 00:16:44 Create NextJS Project without src 00:17:23 Run Project and Edit Default Template 00:18:04 Directory Structure 00:23:03 Route 00:26:05 Nested Route 00:28:00 Route Group 00:29:54 Dynamic Route 00:32:43 URL Params 00:34:40 Catch All Route 00:38:11 Catch All Route Optional 00:39:11 Parallel Routes or Conditional Route Render 00:44:49 Layout 00:48:56 Link 00:52:48 useRouter() Hook 00:56:35 Server Component and Client Component 01:02:15 Using Global CSS and Tailwind CSS 01:04:00 Using CSS Module 01:06:00 Using Images 01:10:45 Data Fetching 01:16:17 Creating API or API Routes 01:20:04 API Test using Postman 01:20:53 request object 01:22:12 Request Header 01:23:10 URL Query Params 01:25:16 Request Cookies 01:26:40 POST Request 01:31:48 Set Response Status Code 01:32:35 Dynamic API Route 01:34:47 Params 01:37:22 Make Third Party API Request from Server 01:46:41 MongoDB Database Integration 01:50:22 Make Connection to MongoDB 01:51:00 Using ENV 01:51:36 Install mongoose 01:53:57 Create GET Request and Check DB Connection 01:55:45 Create Model and Schema 01:57:55 Retrieve Data from MongoDB 02:00:15 Show Retrieved Data in Web Page 02:02:30 Create Form to Insert Data 02:05:40 Post Request to Insert Data 02:07:36 Test Post Request using Postman 02:08:53 Post Data using Form 02:10:20 Server Action 02:18:00 Change Title - Metadata 02:19:34 Middleware 02:22:50 Loading UI 02:24:24 Error UI 02:24:45 Not Found UI

[@rohitchaurasiya2491]

this crashcourse is too good you can start nextjs with this video

[@rahimullahhamidi4321]

your each tutorial is amazing ❤❤❤ I SEE Your videos from Afghanistan

[@LalitKumar-c3l]

Please create a playlist in depth like NuxtJS for NextJS

[@sivas8587]

greatest teacher all over the universe💖💖💥💥💌💌

[@amaanansari4530]

Cheers 🎉 I got this video super Next js crash course. You cover all the things under 2.30 hours. One thing which is the remaining SSR, SSG, ISR so please cover it another short video.

[@nirajbava799]

course is best for personal who know react and express

[@aamirraza2224]

Your way creating content is very helpful. I love it. May you be blessed with tons of love, care and mercy by God.

[@SonuSingh-sm7jy]

amazing,i really want this type fast nextjs all overview course ,now i fully confident.

[@shubhamtelang9068]

Short and useful video on NEXT js 👍. Now a project using NEXT will be nice.

[@akashtiwari3085]

Thanks bro your teaching style is good 100/100

[@RavindraSingh-qd8]

If uh know basic understading of React and Node,.js ,, then blve me guyzz this is best tutorial for Next.js .

[@atharvarameshshinde5726]

Thanks for the video helps a lot... If you want to learn almost all concepts involved in next ,you are at the right place :)

[@akhilYouTube07]

actually you were saying that you are going to teach the Next JS 14 in depth. I am still waiting for it. Please create a playlist and teach the Next Js in depth so that We can learn more. Thank You

[@learnerSarfaraz]

sir bas, kal hi react complete kiya tha, :) thank u sir, for fast uploading the videos on nextjs, sir plz, itni he time me ,koi nextjs, typescript pe real time project bhi bata dijiy plz, thanks, jai hind

[@nishantchoudhary4921]

speed like 6pp and content like hitesh choudhary. Hats off to you man

[@nishantchoudhary4921]

Mjaa hi aa gya. Bro explained everything in detail and quickly 🔥🔥🔥🔥

[@egcode2100]

bhaiya apke channel par views axe ni hain pta ni kyu log yaha ni aa rhe padhne you are the best aur pls videos banana band mat karna kabhi less views ki wajah se ham log aap par hi depend hain

[@durgamohapatra6282]

Sir... I am extremely sorry say this... Please upload details video.. Of every thing.. What ever you did in past that is awesome. Like JavaScript core to advance and python also.. But now you are uploading a course in two hours.. Sorry sir plz come to previous style..if Somebody waits to search something in you tube they will get first reference of geeky shows.. ❤❤❤

[@mddilshad28271]

me to :(

[@Md_sadiq_Md]

This tutorial is perfect for people who know react and javascript Revise them bro you will understand the tutorial

[@manigr8est]

Those who are saying for detail videos should keep in mind that next is the top level framework based on react. For proper understanding of this tutorial one must have complete grasp on Javascript, react JS and Working with APIs. If you find this tutorial difficult or fast you first learn those technologies i mentioned above.

[@biswajitchandacoding]

You should make your hands dirty on react, then you will understand how valuable this video is

[@ayushsonone4772]

My Hands are dirty on React and PHP Both I can Relate to this video 😅😅

[@rohitmandaliya]

Literally sir it's a great video thank you so much

[@harsh_96gaming21]

GOOD ONE BRO " GEM OF BEGINNERS " thanks a lot

[@lifonsanttro8487]

nice hai bhai apka video , or thanks aj hai Next Js ka video dekna kai bade all most knowledge mila , thanks 🥳🥳💯

[@abhinayjangde]

Thankyou so much bhaiya aapne kitne achhese sab kuch samjha diya. you are super super. love you.

[@Gautam-lb5ti]

bhai bhadiya speed run karwadiya, ab project banaunga😁

[@jaiyadav8633]

I watched your video in one go and guess what.... I am able to understand everything completely. Thank you very much ❤ I have 3 years react background so i can understand why this framework is there and what is the use of this. I have already build project in remix and its better in routing and gives more optimisation.

[@muhammadtahir-f6n]

ajeeb ajeeb loog_absolutely right

[@surbhisrivastava9536]

best tutorial for next js

[@girldocode8408]

it took me two days to complete this and it was worth it, i learned a lot from this. Thanks!!

[@kdhnext]

if you can not see the updated data, please add cache: "no-store" to getData get fetch(method, headers, cache)

[@manojchoudhary5248]

Thanks Brother, for such a good explanation on Next Js.

[@muhammadtahir-f6n]

I am following your channel, it's amazing

[@debanjanghosal618]

1:43:40 I think both making an API call within a server-side component and calling an API from a backend API route in Next.js should be safe in terms of not exposing the API calls to the client. This is because the server-side component gets rendered on the server and only the HTML generated from the component is sent to the client with the fetched data, not the actual API call. This means the API call and any sensitive information such as API keys remain hidden from the client.

[@SachinPorwal-e4x]

Now it's time too Grow 😊.

[@newcartoons7801]

Thank you .. God complete your all wishes ❤❤

[@biswajitchandacoding]

Best video on next js. ❤this video bro and a big thanks 🙏

[@jjss6717]

Coding Genius ❤❤❤

[@hardik5803]

it's a very helpful video...thanks!

[@farhanakhtar971]

Bhaii yrr mai NextJs 14 ke liye bahut bhatakta rha, fir last me aapka vdo mila Really very helpful, thanks😊 Bs authentication and authorization ka tutorial laa do nextjs me using jwt plx

[@geekyshows]

Watch this kzbin.info/www/bejne/bYGbqImHfauYqM0

[@johndavid65]

@@geekyshowsplease expand this project, for example combine the number and email authentication from one field and the how to search customers to send them data or message

[@HamzaKhan-ix3gn]

bro where you was ? i have learned react from you, and your teaching style is excellent.! now i will see this tutorial too.!

[@anooppilania6610]

SUPER TUTORIAL,we want project after this nextjs+django boom

[@Motivational_talks]

badia bro!! ab React Native pe v bano ek badia sa.. or na bhai interview perspective k according v ban dena like nextjs k react js ke lie kya puchtehai

[@AavaniVedanshi]

Nice video tutorial after having knowledge on Javascript and React.

[@DurgeshKumar-gx1bl]

Thanks so much sir ❤❤❤❤

[@hackerwhite7957]

Just looking like a wow 😲🤩

[@himankshu]

Bhai please take care of yourself. You seems tired and sleepy and I know that running a growing youtube channel and other personal work demands dedications and continuous hard work but health is equally important bhai. I am saying because I can see your eyes are tired may be you are not sleeping well. My prayers are with you. Be healthy and happy. And thanks for such an amazing explanation. ❤

[@Yaduvanshi-nw3yr]

Thank for making next js tutorial ❤❤

[@Anythinggoesmusic755]

Thankyou very much Tutorial rating :- ⭐⭐⭐⭐⭐

[@mahak-pv9mo]

Thank You So Much for this tutorial😊😊

[@golubhattuk01]

Thank your sir completed this course

[@Ac-777-l2t]

sir ,we need one basic to advance video on node js........

[@muhammadtahir-f6n]

I have deployed my project on hostinger vps for client. I also installed the mongodb using your tutorial. please, create a video in which start mongodb and attach to nextjs build version to run on vps.

[@ankushladani496]

Dhanyawad guruji...❤🎉

[@anilsinghrawat8345]

Thanks brother.🙏🏻

[@prashantmestry699]

informative video to learn next.js, thank you

[@Muhammadijaz-pt4td]

you explain it very well :) thank you soo much

[@rajangupta1554]

Thanks sir😆

[@dipukumar3472]

Bro, Please make a one video on React-Query with small project.

[@RockStar-uu4fj]

Thank you so much brother ❤❤

[@udaysah944]

Thanks bro I was waiting for this ....

[@raviduttjangid7304]

nice viedo, sir nextjs pe project viedo bhi hai kya

[@innovativelife5378]

Question: everything is awesome about nextjs but while calling it as a full stack framework there is a big overhead of hand shaking with db for each get or post call, how it can be avoided?

[@shubhamtelang9068]

Which is better for backend Django or Next js?

[@geekyshows]

for backend i will choose Django

[@ManojKushwah-m5z]

Thanks Brother

[@saifshamil4690]

Great sir thanks ❤From pak

[@chief_9236]

please create a project on next js 14 ,really helpfull

[@forexspectrum4799]

Super sir we want to more on next js

[@technosujeet]

🚨🚨🚨 Please solve my doubt 🚨🚨🚨 Jaise aapne server action me form use kiya user se data get karne ke liye but let's say agar usme hame validation lagani hai then us case me hame react hooks use karna padega aur us component ko client component banana padega tab ye kaise kaam karega? because server action to server-side hota hai.

[@fahadahmad3579]

Any senior, please guide me I am new to next.js, this video is recommended?

[@ridewithcoding9379]

Can you please create a tutorial how to deploy it on c-panel with dynamic routes.

[@bibekdas6277]

waah bhai..maza aa gaya..

[@mrharshad2000]

mai next js ka latest version ka use karke ek full stack e-commerce webapp ka tutorial banane ka soch raha hu iss video me html, css, javascript, node js , mongodb, redis, redux toolkit, cloudnery sabhi ka use kab, kyo, aur kaise ek sath use karna sikhenge aur iss app ko vercel ke server par free me deploy bhi karega agar mere comment me 200 likes hota hai to Mujhe KZbin par video banane ka motivation milega

[@rehanbaig71]

@01:16:17 Creating API or API Routes

[@SatishChandra-t3z]

awesome sir use full this video for me

[@MeenaVlogs1313]

How can change js html css into next.js ?

[@AnkitShahu-p5g]

Please make a video on typescript

[@AdityaPandey-g5f]

Love you brother thanks ❤

[@MyLoveXpress]

Which mic do you use ?

[@satyapalsrajpoot5469]

Amazing tutorial!!!

[@innocent3163]

Sir is typescript better with next js, I seen most of the people use typescript with next js , please reply

[@todaysgamer4987]

Pahle aap java script wala master kar lo fir typescript pe jana, mein bhi yahi kar rha huun. lekin type script wala mere ko slow lga personal experiences se... No doubt code maintainable dikhta hai... Type-Script pe aapko pta hota hai kya aa rha hai, javascript mein unnecessary chiz fetch kar sakte hai. same chiz maine apne project mein fix kiya without Type-Script ab server load kam hokar performance improved ho gya.

[@saikrishnamuntha62]

bro nice tutorial and explain the middleware with login functionality into the dashboard and main page should be the localhost:3000/login when we run the application

[@Khaomazese]

Sir routing mein alag folder mein page.tsx me rafce work nh kr rh

[@zaakasaka]

I don't see this course/project on your GeekyShows website, is it hidden somewhere?

[@shashankjangir1873]

very helpful. thank u

[@MyLoveXpress]

Can you please tell me, which mic have you used in this video, please ...?

[@geekyshows]

Its Rode NT USB. does it sound good or i should buy new one ?

[@sadtech.]

awesome grand salute ❤❤❤

[@pratyunchoubey6604]

Amazing Content. Thank you

[@Shubuislive]

please make a advanced level video