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: https://youtu.be/Pyv0tMm5i_w 👉 React JS Full Course: https://youtu.be/gbAdFfSdtQ4 ------------------------------------ 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: 👉 https://linktr.ee/iamavinashkr Connect with GreatStack: Instagram: https://instagram.com/GreatStackDev Twitter: https://twitter.com/GreatStackDev Facebook: https://facebook.com/GreatStack