Это видео недоступно.
Сожалеем об этом.
Master Next JS 14 Complete Basic to Advance
HTML-код
- Опубликовано: 17 авг 2024
- Nextjs is The React Framework for the Web.
Embark on a transformative journey into the world of Next.js 14! In this comprehensive video course, we'll cover everything from the fundamentals to advanced features, empowering you to build dynamic, performant web applications. Whether you're a beginner or looking to level up your Next.js skills, this video is your key to becoming a Next.js pro
Core Javascript • Core JavaScript (Hindi)
Advance Javascript • Advance JavaScript (Hi...
Ajax • Ajax (Hindi)
ReactJS • Master React JS Comple...
NodeJS Express JS Mongo DB • Node JS Mongo DB and E...
Core Python • Core Python (Hindi)
Advance Python • Advance Python (Hindi)
Django • Django 3 (Hindi)
Django REST Framework • Django REST Framework ...
Django Testing • Django Testing
Django Celery • Django Celery
Django Channels • Django Channels
Core PHP • Core PHP (Hindi)
Advance PHP • Advance PHP (Hindi)
Laravel • Laravel 8 (Hindi)
Vue 3 • Vue JS
Nuxt 3 • Nuxt
Git and Github • Git and GitHub
Supabase Basic to Advance • Supabase
Shadcn UI Basic to Advance • Shadcn UI
Redis Basic to Advance • Redis
Docker Basic to Advance • Docker
Kotlin • Kotlin Android Applica...
VPS Hosting Basic to Advance • Domain and VPS Hosting
Shared Hosting with cPanel • Domain and Shared Web ...
Shared Hosting with hPanel • Domain and Shared Web ...
Official Website:- geekyshows.com
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
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.
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"
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.
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.
gem
Next.js ke is tutotrial se acha koi tutorial nahi hai. Very good sir ❤❤👍👍.
your each tutorial is amazing
I hope, in this nextjs 14 tutorial we will learn much more.
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 RUclips par video banane ka motivation milega
this crashcourse is too good you can start nextjs with this video
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
it took me two days to complete this and it was worth it, i learned a lot from this. Thanks!!
Your channel makes me want to learn more. Thank you for making all complete tech stack series.
One of the best tutorial... ❤
No bakwas sidhi baat. 👍🏻
Far better than long long tutorials. Keep it up..
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.. ❤❤❤
me to :(
This tutorial is perfect for people who know react and javascript
Revise them bro you will understand the tutorial
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.
You should make your hands dirty on react, then you will understand how valuable this video is
My Hands are dirty on React and PHP Both I can Relate to this video 😅😅
course is best for personal who know react and express
your each tutorial is amazing ❤❤❤
I SEE Your videos from Afghanistan
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.
Short and useful video on NEXT js 👍. Now a project using NEXT will be nice.
Please create a playlist in depth like NuxtJS for NextJS
Thanks for the video helps a lot...
If you want to learn almost all concepts involved in next ,you are at the right place :)
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
greatest teacher all over the universe💖💖💥💥💌💌
bhai bhadiya speed run karwadiya, ab project banaunga😁
I am following your channel, it's amazing
Your way creating content is very helpful. I love it. May you be blessed with tons of love, care and mercy by God.
Best video course for next js no entertainment only knowledge really like you bro❤❤❤❤
Now it's time too Grow 😊.
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
best tutorial for next js
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.
Thank you ..
God complete your all wishes ❤❤
amazing,i really want this type fast nextjs all overview course ,now i fully confident.
nice hai bhai apka video , or thanks aj hai Next Js ka video dekna kai bade all most knowledge mila , thanks 🥳🥳💯
Thanks so much sir ❤❤❤❤
Thank You So Much for this tutorial😊😊
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
GOOD ONE BRO " GEM OF BEGINNERS " thanks a lot
Thankyou so much bhaiya aapne kitne achhese sab kuch samjha diya. you are super super. love you.
If uh know basic understading of React and Node,.js ,, then blve me guyzz this is best tutorial for Next.js .
ajeeb ajeeb loog_absolutely right
Thank you so much brother ❤❤
Just looking like a wow 😲🤩
bro where you was ? i have learned react from you, and your teaching style is excellent.! now i will see this tutorial too.!
Thanks sir😆
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.
informative video to learn next.js, thank you
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.
Thank your sir completed this course
Thanks Brother, for such a good explanation on Next Js.
Best video on next js. ❤this video bro and a big thanks 🙏
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. ❤
Nice video tutorial after having knowledge on Javascript and React.
Dhanyawad guruji...❤🎉
Thank for making next js tutorial ❤❤
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.
Awesome 👍
SUPER TUTORIAL,we want project after this nextjs+django boom
Sir is typescript better with next js, I seen most of the people use typescript with next js , please reply
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.
you explain it very well :) thank you soo much
if you can not see the updated data, please add cache: "no-store" to getData get fetch(method, headers, cache)
Thankyou so much
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?
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
Watch this ruclips.net/video/7P8wVQHFerk/видео.html
@@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
waah bhai..maza aa gaya..
sir ,we need one basic to advance video on node js........
lovely video
Thanks bro I was waiting for this ....
Great sir thanks ❤From pak
Super sir we want to more on next js
I don't see this course/project on your GeekyShows website, is it hidden somewhere?
awesome sir use full this video for me
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
Bro, Please make a one video on React-Query with small project.
Amazing Content. Thank you
Amazing tutorial!!!
I have one question when we work in next js and node js then nodejs devloper send token in response then we can get it in client side then how we can protect page in middleware using server side because next js middleware run on server
Love you brother thanks ❤
Which mic do you use ?
awesome grand salute ❤❤❤
Can you please create a tutorial how to deploy it on c-panel with dynamic routes.
kaun sa vs code extension h yeh
theme
parallel routes show me a undefined .same code work 2-3 days before. i dont know why they show me a problem
very helpful. thank u
*Life aapka jhungalala ho jayega - routing sikh li to.😂😂😂😂😂😂😂
How can change js html css into next.js ?
Best tutorial
I have a quick question. I've implemented cookies and JWT authentication in my NestJS backend. Now I'm working on the Next.js frontend, and I have a server component that sends a request to the backend (Nest) to get protected data. However, I'm receiving an "unauthorized" message from the backend in the server component.
Note: I'm using HTTPS-only cookies and ngrok for HTTPS in development.
How to solve this? means how i can configure next js
How i can forwards the secure cookies from Server compoents to the nest js backend that are comming from the browser
Bhai kutch help kardo job ke liye advice dedo kaise clewr karu interview 😢 bahut depression ho rakha hai
nice viedo, sir nextjs pe project viedo bhi hai kya
Great sir
Which is better for backend Django or Next js?
for backend i will choose Django
Please make a video on typescript
Can write server side post api from formdata send from client side with hooks bcz its very def
please create a project on next js 14 ,really helpfull
❤❤love this tutorial
If possible , please create multiple users login system with prisma in nextjs
Awesome ❤
very helpful video....
Can you please tell me, which mic have you used in this video, please ...?
Its Rode NT USB. does it sound good or i should buy new one ?
hi sir.. can we check dynamic url using the api. if api response status:404 then redirect to 404 page in middleware ?
Mean that we need get the params and call api in middleware
Good....thanks