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

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

[@allsparky]

Such an incredible video. I made my own putting my mongodburi into a .env file and got it to connect!

[@muralidharan.m645]

Wonderfull beginner friendly project 🎉 thankyou bro

[@muralidharan.m645]

Most waited video 😊

[@23sactobi22]

Been waiting for this

[@gabrielkingori3375]

Thanks i appreciate your effort to share your knowledge

[@amanmujawar9176]

Hey bro thank you so much ❤

[@unique_ruler_memes3003]

Please make video on Express.js and Node.js ..

[@prathameshbothe8944]

thanks for sharing ❣

[@rushabh23]

Nice tutorial 👍

[@Shoaibakhtar-cw2eh]

Love your videos brother

[@always_code]

Thanks Bro I want this video🥰🥰🥰🥰

[@luthfijuang4433]

Very easy tutorial to understand, very simple, keep it up brother. and in the future please make another Next.Js tutorial again.

[@user-wk4sm6tv2t]

Thank you!!!

[@Delower1]

❤ Thanks

[@Tekimemooo27]

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]

Thank you so much for your incredibly kind words!

[@niyatigupta2437]

It was a great Tutorial and the concepts were nicely understood. Recommended for Begineers !

[@niranjanrathnayaka1308]

❤

[@lordphemstar]

Thanks for the video appreciate it allot sir but kindly do Node js for us also sir🎉

[@mixtureofvedios]

Brother your vedios is very helpful please kindly create on vedio react with firebase and node js course

[@ektagupta3675]

Best course on Next js 14 i just found at GreatStack. Really like the next js projects you explained in this course.

[@jamtekk2704]

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]

Obs

[@hanu_106]

@@lothbrok7084 go to stream labs

[@7GK_]

Sir , React Js Ka series banaiye

[@mdsafikulislam9113]

Please add authentication and authozation system.

[@moinansari3729]

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

[@HuynhLuong227]

thanks for sharing, why export async function GET(request) call api forever?

[@HuynhLuong227]

ah, you edit function useEffect again:
useEffect(() => {
fetchTodos()
}, [])

[@malikhaidi434]

Can U please make videos on next js big projects

[@hasaralearn8759]

sir how to add my web projects to my portfolio with live demo

[@redhunter873]

Please make a video of python complier..

[@sumonhossain889]

Please add authentication and authozation system without any next library

[@AroundWorldz420]

Bro build full Netflix clone in react js please 🙏 next- video

[@drexk6569]

Please I don't know tail wind css can you dedicated video on it

[@timechunk7492]

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]

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]

@@idevkr Perfect, thanks!

[@raghavattri9449]

Can you provide the source code repo link?

[@beindiandiaries]

How to contact you bro need one help