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

YouTube

Next.js Tutorial 2025 - Start Your Next.js Journey Here

ByteGrad via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn the fundamentals of Next.js development in this comprehensive 56-minute tutorial that covers essential concepts and practical implementation. Start by exploring what Next.js is and examining example applications before creating your first Next.js project from scratch. Navigate through the fresh application structure and understand the core routing system, including how to use the Link component for navigation and implement proper layout styling. Master the folder structure conventions and learn to optimize images using the Next.js Image component. Dive into data fetching within server components and integrate databases using Prisma ORM for efficient data management. Explore dynamic routing capabilities, including parameter handling and custom not-found pages. Implement server actions for form handling and data mutations, and understand the revalidatePath function for cache management. Create API endpoints using route handlers and learn webhook implementation for external integrations. Distinguish between client components and server components to optimize your application's performance and user experience. Complete the tutorial by implementing authentication solutions, comparing DIY approaches with third-party services like Kinde for streamlined user management and security.

Syllabus

00:00 Next.js intro
03:14 Example Next.js app
04:15 Create new Next.js app
05:20 Fresh Next.js app lookaround
11:17 Routing
14:15 Link component
16:15 Layout styling
16:53 Folder structure
17:23 Image component
18:43 Data fetching in server component
21:22 Database & ORM Prisma
24:55 Dynamic route
25:13 Folder structure pt. 2
25:30 Dynamic route continued
27:00 Params
28:53 Not found
29:58 Server actions
35:21 revalidatePath
36:36 Route handlers API endpoints
37:16 Webhooks
38:19 Client components vs Server components
43:01 Authentication
44:36 DIY vs Kinde

Taught by

ByteGrad

Reviews

Start your review of Next.js Tutorial 2025 - Start Your Next.js Journey Here

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.