Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js 14 Course for Beginners with Full Stack Next JS Project 2024

GreatStack via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn Next.js 14 fundamentals through a comprehensive 2-hour tutorial that covers both theoretical concepts and practical application development. Master the Next.js app directory structure, understand the differences between client and server components, and explore routing mechanisms including dynamic routing capabilities. Discover Next.js image optimization techniques and implement API routes for backend functionality. Build a complete full-stack To-Do list application using MongoDB for data persistence and Tailwind CSS for styling, where you'll perform all CRUD operations (Create, Read, Update, Delete) to manage task data. Connect your Next.js application to a MongoDB database, create data models, and implement endpoints for sending, retrieving, updating, and deleting data from the database. Gain hands-on experience with modern web development practices while creating a functional application that demonstrates real-world Next.js development patterns and best practices.

Syllabus

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

Taught by

GreatStack

Reviews

Start your review of Next.js 14 Course for Beginners with Full Stack Next JS Project 2024

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.