Get 50% Off Udacity Nanodegrees — Code CC50
Gain a Splash of New Skills - Coursera+ Annual Just ₹7,999
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Master Next.js 15 fundamentals in this comprehensive 17-minute tutorial that covers everything from setup to deployment. Start by creating a new Next.js application and exploring the fresh project structure, then learn to build essential components including pages, headers with navigation links, and footers. Discover how to effectively use the Next.js Image component and understand the framework's folder structure conventions. Dive into data fetching techniques, implement dynamic routing for flexible page creation, and grasp the crucial differences between server components and client components. Explore server actions for handling form submissions and data mutations, utilize revalidatePath for cache management, and create API endpoints using route handlers. Implement middleware for request processing, build your application for production, and optimize for SEO with static rendering capabilities. Complete the learning journey by deploying your Next.js application to a VPS using Coolify on Hostinger and configure a custom domain for professional deployment.
Syllabus
00:00 Intro
00:16 Create new Next.js app
00:51 Fresh Next.js app lookaround
02:29 Create new page
02:50 Create header + Link & footer
03:28 Image component
03:59 Folder structure
04:17 Fetch data
05:27 Dynamic route
06:06 Server components vs Client components
08:06 Server actions
09:45 revalidatePath
10:08 Route handlers API endpoints
10:45 Middleware
11:32 Build
11:58 SEO / Static rendering
12:43 Deploy Next.js VPS with Coolify on Hostinger
15:53 Custom domain
Taught by
ByteGrad