Next.js 16 پروژه‌محور | از مبتدی تا حرفه‌ای (فول‌استک)

🚀 تو این ویدیو، Next.js 16 رو از صفر تا ساخت و دپلوی یه اپلیکیشن فول‌استک واقعی یاد می‌گیریم! اول با یه کرش‌کورس مفهومی شروع می‌کنیم — معماری، رندرینگ، روتینگ، کش، API و قابلیت‌های فول‌استک Next.js رو می‌فهمیم. بعد مستقیم میریم سراغ کد و یه پروژه‌ی واقعی می‌سازیم: پلتفرم Dev Events که کاربرها می‌تونن رویداد ببینن، جزئیاتشون رو بخونن و ثبت‌نام کنن. 📚 تو این ویدیو یاد می‌گیری: ✅ Server Component و Client Component ✅ File-based Routing و Dynamic Routes ✅ دیتافچینگ سمت سرور ✅ API Routes ✅ Server Actions ✅ سیستم کش Next.js 16 (use cache) ✅ اتصال به MongoDB با Mongoose ✅ آپلود عکس با Cloudinary ✅ سئو و Metadata 🛠 تکنولوژی‌ها: Next.js 16 • React 19 • TypeScript • Tailwind CSS • MongoDB • Mongoose • Cloudinary • Vercel 📁 کد کامل پروژه: https://github.com/sepehrsylvanus/dev... لینکِ گوگل درایو فایل‌ها: https://drive.google.com/drive/folder... ⏱ زمان‌بندی ویدیو: 00:00:00 — مقدمه 00:01:29 — کرش‌کورس Next.js 00:02:01— Client و Server Components 00:07:21— Routing 00:09:50— API Routes 00:20:30— Caching 00:21:08 — ساختار Next.js 00:39:00 — File Based Routing 00:48:46 — Route Groups 00:42:19 — Dynamic Routes 01:00:20 — 404 - Loading - Error 01:05:13 — Data Fetching 01:16:00 — SEO 01:19:45 — DevEvent 01:20:44 — Main page and Layout 01:33:55 — Navbar 01:43:24 — Main Page Contents 01:54:01 — Event Card & DataBase & Models 02:22:22 — Backend And Fetch Events 02:27:52 — Image Upload and Cloudinary 02:48:30 — Fetch Events 02:57:16 — Completing The Event Card 03:04:28 — Single Event Page 03:13:04 — Single Event API 03:53:17 — Making Booking FrontEnd and API 04:08:13 — خسته نباشید و برنامه های بعدی :) 🔔 اگه ویدیو برات مفید بود، سابسکرایب کن تا ویدیوهای بعدی رو از دست ندی! 💬 سوالی داری؟ تو کامنت بپرس، حتماً جواب میدم. --- #nextjs #nextjs16 #reactjs #javascript #webdevelopment #programming #tutorial