Next Js 14 - Complete Course in 1.5 hour | Next Js 14 For Beginners | Next Js 14 Full Tutorial

In this Complete video you learn all about next js 14 with a full Stack Project . in this tutorial you'll learn about next js 14 updates, dynamic routing, Api Routes, app directory, server and client components and much more.

Timestamp ⬇️:

00:00 intro
00:02 what we do?
00:44 creating nextjs app
01:53 folder structure
04:30 components
05:00 server side component & Client side Component
10:47 solve 1st error 'use client'
14:00 create UI
28:31 axios and toast
34:00 Api Routes Backend
48:30 Create Todo
49:17 solve model overridation error
51:00 check database collection
53:00 Create GET Api Route
54:12 get All Todos using Axios
56:44 props in next js
58:12 passing props to todo component
01:00:37 delete todo Api Route
01:01:05 get searchParams
01:02:00 delete todo handler
01:05:37 send status code Api Route
01:06:21 update todo functionality
01:08:27 conditional rendering
01:08:48 create PUT Api Route
01:09:54 create update handler
01:11:33 slug api routing -{dynamic Api routing server side }
01:13:52 routing -{ client side }
01:15:26 about page
01:16:07 dyamic routing
01:18:00 getting slug from url
01:20:41 generateMetaData()
01:23:20 Assignment / Task
01:24:05 end of next js 14
01:24:15 outro

Other Popular Course:

#reactjs #nextjs #javascript #webdevelopment #webdesign #frontend #backend #tailwindcss #mongodb #fullstack

i am creating with next js 14 with node js, express js

[shineLouisShine]

Just imagine how many viewers could you have if only you were invested just a little time to learn English.
There are many many many English speakers around the globe.
I wish your content was also for their benefit...

Thanks anyway and good luck!

[adityashinde]

amazing and detailed explanation. thank you!

[lifeoftjj]

i can't get the isComplete key when I hit the api, but when I click on update button the todo item I am getting that key in my api as isComplete:true (it's because we have used PUT method in route and use param and showed that if user clicked on update button show isComplete true) but i can't get that key whenever I create a new todo Item

[kartikpatekar]

There are many friends who need some help to upload an image or file in nextjs . Could you please share any video or your code with reference to file upload . Thankyou

[mikhacavin]

could u please make it into english version?

[AbdelkaderSoudani]

video reported for being misleading
I was super happy to see the video and super disappointed to see that it was in Indian language
if the title is in English then keep the content in English or at least include in the title a hind that it's not English
Good luck