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)