Next.js 15 Crash Course: Build & Deploy Full Stack App
Learn to build and deploy a production-ready full stack app with Next.js 15. Plus, Black Friday sale: 25% off on courses! π₯

JavaScript Mastery
1.4M views β’ Oct 25, 2024

About this video
π₯Black Friday is live: 25% off everything (Nov 25 - Dec 2) - ends soon π₯
Individual courses or Pro (all courses + commitment system).
Don't start 2026 from zero. Build your system now.
π Get 25% off - limited time: https://jsm.dev/ytpin-bf25
In this course, you'll master Next.js, the official React framework, and learn essential concepts like routing, rendering, and full-stack features. Finally, you'll put your skills to the test by building your own enterprise-ready application, YC Directory, while optimizing performance and SEO. Get ready to impress potential employers with your new skills and real-world projects!
β Join JS Mastery Pro: https://jsm.dev/nextjs15-jsmpro
π Become a Top 1% Next.js Developer: https://jsm.dev/nextjs15-nextjs
π Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/nextjs15-kit
Sanity: https://jsm.dev/nextjs15-sanity
Sentry: https://jsm.dev/nextjs15-sentry
WebStorm: https://jsm.dev/nextjs15-webstorm
Rate us on TrustPilot: https://jsm.dev/trustpilot
https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery
Business Inquiries: contact@jsmastery.pro
Time Stamps π
00:00:00 β Intro
00:05:25 β Next.js Benefits
00:10:55 β Next.js Theory & Practical
01:02:03 β Demo of the App
01:06:58 β Setup new project
01:09:20 β Authentication with NextAuth
01:28:25 β Theming and Fonts
01:35:28 β Hero Section
01:44:15 β Search Form
01:55:30 β All Startups & Startup Card
02:12:37 β Sanity Setup
02:20:01 β Sanity Schema
02:33:03 β Fetching Data and Type Safety
02:45:05 β Cache and Live API w/ Next.js
02:52:37 β Real-time Search w/ URL Query Params
02:56:27 β Understanding Partial Pre-rendering
03:08:31 β Startup Details
03:25:58 β Sanity Write Client
03:34:57 β Author Authentication Flow
03:50:03 β Create Startup Form
04:22:52 β Server Action
04:33:50 β Performance & Bug Tracking in Next.js Apps w/ Sentry
04:43:42 β User Profile
05:02:04 β Final Feature, Parallel Fetching and Deployment
Individual courses or Pro (all courses + commitment system).
Don't start 2026 from zero. Build your system now.
π Get 25% off - limited time: https://jsm.dev/ytpin-bf25
In this course, you'll master Next.js, the official React framework, and learn essential concepts like routing, rendering, and full-stack features. Finally, you'll put your skills to the test by building your own enterprise-ready application, YC Directory, while optimizing performance and SEO. Get ready to impress potential employers with your new skills and real-world projects!
β Join JS Mastery Pro: https://jsm.dev/nextjs15-jsmpro
π Become a Top 1% Next.js Developer: https://jsm.dev/nextjs15-nextjs
π Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/nextjs15-kit
Sanity: https://jsm.dev/nextjs15-sanity
Sentry: https://jsm.dev/nextjs15-sentry
WebStorm: https://jsm.dev/nextjs15-webstorm
Rate us on TrustPilot: https://jsm.dev/trustpilot
https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery
Business Inquiries: contact@jsmastery.pro
Time Stamps π
00:00:00 β Intro
00:05:25 β Next.js Benefits
00:10:55 β Next.js Theory & Practical
01:02:03 β Demo of the App
01:06:58 β Setup new project
01:09:20 β Authentication with NextAuth
01:28:25 β Theming and Fonts
01:35:28 β Hero Section
01:44:15 β Search Form
01:55:30 β All Startups & Startup Card
02:12:37 β Sanity Setup
02:20:01 β Sanity Schema
02:33:03 β Fetching Data and Type Safety
02:45:05 β Cache and Live API w/ Next.js
02:52:37 β Real-time Search w/ URL Query Params
02:56:27 β Understanding Partial Pre-rendering
03:08:31 β Startup Details
03:25:58 β Sanity Write Client
03:34:57 β Author Authentication Flow
03:50:03 β Create Startup Form
04:22:52 β Server Action
04:33:50 β Performance & Bug Tracking in Next.js Apps w/ Sentry
04:43:42 β User Profile
05:02:04 β Final Feature, Parallel Fetching and Deployment
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
1.4M
Likes
20.1K
Duration
05:23:11
Published
Oct 25, 2024
User Reviews
4.8
(270) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.
No specific trending topics match this video yet.
Explore All Trends