Other
FreeNext.js 15 Crash Course | Build and Deploy a Production-Ready Full Stack App
No ratings yetBEGINNEREnglish
YouTubeYouTubePrice
This course is free to watch on its platform.
Watch free on YouTube →Mark your own learning status. Opening a course link does not establish enrollment.
Loading saved status…
This course teaches Next.js 15 through a single project, a YC Directory of startups. It covers routing, rendering and full-stack features while the app is built, with a focus on performance and SEO.
The app uses NextAuth for sign-in, Sanity as the content backend with its schema and a write client, and URL query parameters for real-time search. Later sections cover partial pre-rendering, server actions for creating startups, type-safe data fetching, and Sentry for performance and bug tracking, with parallel fetching near the end.
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
Advertisement
No Korshub reviews yet.
