Тёмный

Next.js 14 Course For Beginners With Full Stack Next JS Project 2024 

GreatStack
Подписаться 1 млн
Просмотров 17 тыс.
50% 1

Learn Complete Next.js 14 Course For Beginners With Full Stack Next JS Project with MongoDB and Tailwind CSS.
#NextJS #nextjstutorial #GreatStack
❤️ SUBSCRIBE: @GreatStackDev
In this tutorial we will learn the Next JS version 14, where we will learn about app directory of Next JS, Image Optimization, Routing, Dynamic Routing and API routes. While learning Next JS we will also create a full stack application that is To-Do list App. Where we will perform the CRUD operation. We will use MongoDB database to store our To-Do List data, and to design this To-Do list app we will use Tailwind CSS.
👉 JavaScript Full Course: • JavaScript Full Course...
👉 React JS Full Course: • React JS Tutorial For ...
------------------------------------
Time Stamp:
00:00 Course Overview
01:40 Create First Next JS App
04:16 Next JS App Directory
09:10 Client component and server component in Next JS
11:07 App Routing in Next.js
14:34 Dynamic Routing in Next.js
24:54 Image Optimization in Next.js
30:47 Create Full Stack To-Do list app
01:04:08 API Routes in Next.js
01:07:41 Connect MongoDB Database in Next Js App
01:16:58 Create MongoDB model
01:21:41 Send data on MongoDB database using Next.js
01:31:02 Get data from database using Next.js
01:44:42 Delete data from database using Next.js
01:52:16 Update data in database using Next.js
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack

Опубликовано:

 

1 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 40   
@unique_ruler_memes3003
@unique_ruler_memes3003 4 месяца назад
Please make video on Express.js and Node.js ..
@allsparky
@allsparky 2 месяца назад
Such an incredible video. I made my own putting my mongodburi into a .env file and got it to connect!
@muralidharan.m645
@muralidharan.m645 4 месяца назад
Wonderfull beginner friendly project 🎉 thankyou bro
@gabrielkingori3375
@gabrielkingori3375 4 месяца назад
Thanks i appreciate your effort to share your knowledge
@muralidharan.m645
@muralidharan.m645 4 месяца назад
Most waited video 😊
@rushabh23
@rushabh23 3 месяца назад
Nice tutorial 👍
@luthfijuang4433
@luthfijuang4433 3 месяца назад
Very easy tutorial to understand, very simple, keep it up brother. and in the future please make another Next.Js tutorial again.
@prathameshbothe8944
@prathameshbothe8944 3 месяца назад
thanks for sharing ❣
@23sactobi22
@23sactobi22 4 месяца назад
Been waiting for this
@Shoaibakhtar-cw2eh
@Shoaibakhtar-cw2eh 4 месяца назад
Love your videos brother
@niyatigupta2437
@niyatigupta2437 Месяц назад
It was a great Tutorial and the concepts were nicely understood. Recommended for Begineers !
@ektagupta3675
@ektagupta3675 4 месяца назад
Best course on Next js 14 i just found at GreatStack. Really like the next js projects you explained in this course.
@amanmujawar9176
@amanmujawar9176 4 месяца назад
Hey bro thank you so much ❤
@always_code
@always_code 4 месяца назад
Thanks Bro I want this video🥰🥰🥰🥰
@user-wk4sm6tv2t
@user-wk4sm6tv2t 4 месяца назад
Thank you!!!
@mdsafikulislam9113
@mdsafikulislam9113 4 месяца назад
Please add authentication and authozation system.
@mixtureofvedios
@mixtureofvedios 4 месяца назад
Brother your vedios is very helpful please kindly create on vedio react with firebase and node js course
@lordphemstar
@lordphemstar 4 месяца назад
Thanks for the video appreciate it allot sir but kindly do Node js for us also sir🎉
@Tekimemooo27
@Tekimemooo27 4 месяца назад
Dear GreatStack, I would like to express my heartfelt gratitude for providing valuable programming lessons. Your unwavering enthusiasm in delivering educational programming content has been truly inspiring. I appreciate your dedication to innovation in creating diverse learning materials. Thank you for your continuous efforts, and I look forward to more innovative learning content from you in the future.
@GreatStackDev
@GreatStackDev 4 месяца назад
Thank you so much for your incredibly kind words!
@Delower1
@Delower1 4 месяца назад
❤ Thanks
@moinansari3729
@moinansari3729 4 месяца назад
bro how can we add payment gateways or checkout page in ecommerce? can you give me an idea or make an one video on it plz
@redhunter873
@redhunter873 4 месяца назад
Please make a video of python complier..
@malikhaidi434
@malikhaidi434 2 месяца назад
Can U please make videos on next js big projects
@sumonhossain889
@sumonhossain889 2 месяца назад
Please add authentication and authozation system without any next library
@7GK_
@7GK_ 4 месяца назад
Sir , React Js Ka series banaiye
@jamtekk2704
@jamtekk2704 4 месяца назад
Hey GreatStack! Great tutorial. Quick question? What tool do you use to record your coding tutorials? I've researched LOOM, Camtasia and OBS but I am not sure which one to select? If anyone else has any advice on some good screen recording tools for code that would be great! Thanks everyone!
@lothbrok7084
@lothbrok7084 4 месяца назад
Obs
@hanu_106
@hanu_106 Месяц назад
@@lothbrok7084 go to stream labs
@hasaralearn8759
@hasaralearn8759 4 месяца назад
sir how to add my web projects to my portfolio with live demo
@niranjanrathnayaka1308
@niranjanrathnayaka1308 4 месяца назад
@HuynhLuong227
@HuynhLuong227 4 месяца назад
thanks for sharing, why export async function GET(request) call api forever?
@HuynhLuong227
@HuynhLuong227 4 месяца назад
ah, you edit function useEffect again: useEffect(() => { fetchTodos() }, [])
@drexk6569
@drexk6569 4 месяца назад
Please I don't know tail wind css can you dedicated video on it
@raghavattri9449
@raghavattri9449 Месяц назад
Can you provide the source code repo link?
@AroundWorldz420
@AroundWorldz420 4 месяца назад
Bro build full Netflix clone in react js please 🙏 next- video
@timechunk7492
@timechunk7492 4 месяца назад
Small detail when using tailwind: My css wasnt rendering on the homepage and this was the issue in case Creating the Components folder requires adding --- "./Componenets/*.{js,ts,jsx,tsx,mdx,css}" ---- into your tailwind.config.js content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx,css}", "./components/**/*.{js,ts,jsx,tsx,mdx,css}", "./app/**/*.{js,ts,jsx,tsx,mdx,css}", "./Componenets/*.{js,ts,jsx,tsx,mdx,css}"
@idevkr
@idevkr 4 месяца назад
While creating Next JS project if you select need src directory No then this configuration came pre-installed if you select need src directory Yes then you have to add this configuration
@timechunk7492
@timechunk7492 4 месяца назад
@@idevkr Perfect, thanks!
@beindiandiaries
@beindiandiaries 4 месяца назад
How to contact you bro need one help