MENU

Fun & Interesting

Next.js 15 Crash Course | Build and Deploy a Production-Ready Full Stack App

JavaScript Mastery 967,219 6 months ago
Video Not Working? Fix It Now

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: [email protected] 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

Comment