آموزش جامع Next.js 14 از صفر تا صد - آخرین آپدیت

مقدمه Introduction

• خوش آمدید به دوره Welcome To The Course

• نمایش پروژه PropertyPulse PropertyPulse Project Demo

• Next.js چیست؟ What Is Next.js?

• راه‌اندازی محیط توسعه Environment Setup

مبانی Next.js و شروع پروژه Next.js Fundamentals & Project Start

• پروژه جدید و ساختار پوشه‌ها New Project & Folder Structure

• چیدمان (Layout)، صفحه اصلی و متادیتا Layout, Homepage & Metadata

• مسیریابی مبتنی بر فایل File-Based Routing

• مقایسه کامپوننت‌های سرور و کلاینت و هوک‌های مسیریاب Server vs Client Components & Router Hooks

• شروع کار روی نوار ناوبری (Navbar) Start On The Navbar

• لینک‌های نوار ناوبری، منوهای کشویی و آیکون‌های React Navbar Links, Dropdowns & React Icons

• لینک‌های فعال و رندرینگ شرطی Active Links & Conditional Rendering

• کامپوننت‌های صفحه اصلی Homepage Components

• صفحه املاک Properties Page

• داده‌های پویا در کارت املاک Property Card Dynamic Data

• لیست املاک در صفحه اصلی Home Property Listings

• صفحات سفارشی Not Found و Loading Custom Not Found & Loading Pages

پایگاه داده، مسیرهای API و کامپوننت‌های املاک Database, API Routes & Property Components

• ایجاد پایگاه داده MongoDB Create MongoDB Database

• استفاده از MongoDB Compass و وارد کردن داده‌ها MongoDB Compass & Importing Data

• اتصال به پایگاه داده و Mongoose Database Connection & Mongoose

• اولین مسیر API شما Your First API Route

• مدل‌های داده‌ای املاک و کاربران Property & User Models

• دریافت داده‌ها با استفاده از Server Component Fetch Data Using Server Component

• فایل درخواست‌ها (Requests) Requests File

• دریافت اطلاعات یک ملک واحد Fetch Single Property

• صفحه جزئیات ملک Single Property Page

• کامپوننت جزئیات املاک Property Details Component

• کامپوننت اسپینر (Loading Spinner) Spinner Component

Next Auth، مدیریت نشست‌ها (Sessions) و گوگل پرووایدر Next Auth, Sessions & Google Provider

• راه‌اندازی Google OAuth Google OAuth Setup

• راه‌اندازی Next Auth و پرووایدرها Next Auth & Provider Setup

• پوشش‌دهی Session Provider Session Provider Wrapper

• دکمه ورود (Sign In) Sign In Button

• ذخیره کاربر در پایگاه داده و مدیریت نشست Save User to Database & Session

• تصویر پروفایل Profile Image

• خروج و محافظت از مسیرها Sign Out & Protect Routes

ایجاد املاک و ادغام با Cloudinary Create Properties & Cloudinary Integration

• فرم افزودن ملک و وضعیت کامپوننت (State) Add Property Form & Component State

• مدیریت ورودی‌های فرم Form Input Handlers

• مسیر API برای افزودن ملک (POST) Add Property POST API Route

• دریافت کاربر و ارسال به پایگاه داده Get User & Submit To Database

• آپلود تصاویر در Cloudinary Cloudinary Image Upload

• نمایش تصاویر املاک Property Image Display

پروفایل و مدیریت املاک Profile & Manage Properties

• نمایش اطلاعات پروفایل کاربر User Profile Info Display

• لیست املاک کاربر User Profile Listings

• حذف املاک Deleting Properties

• اعلان‌های Toast Toast Notifications

• فرم ویرایش ملک Edit Property Form

• مسیر API برای به‌روزرسانی (PUT) Update PUT API Route

نقشه، نشان کردن (Bookmarks) و اشتراک‌گذاری Map, Bookmarks & Sharing

• ژئوکدینگ و نقشه Mapbox Geocoding & Mapbox Map

• مدیریت خطای ژئوکدینگ Handle Geocode Error

• پاکسازی صفحه ملک Property Page Cleanup

• مسیر API برای نشان کردن (Bookmark) Bookmark API Route

• درخواست دکمه نشان کردن Bookmark Button Request

• وضعیت نشان کردن و تغییر وضعیت دکمه Bookmark Status & Button Toggle

• صفحه املاک ذخیره شده Saved Properties Page

• دکمه‌های اشتراک‌گذاری Share Buttons

جستجوی املاک Property Search

• کامپوننت جستجوی املاک Property Search Component

• نقطه پایانی (Endpoint) جستجو Search API Endpoint

• دریافت نتایج از API Fetch Results From API

• نمایش نتایج جستجو Display Search Results

سیستم پیام‌رسانی Messaging System

• مدل پیام و وضعیت فرم Message Model & Form State

• ارسال پیام و مسیر API Message Submit & API Route

• الزام احراز هویت برای فرم تماس Require Auth For Contact Form

• دریافت پیام‌ها Fetch Messages

• نمایش پیام‌ها Display Messages

• علامت‌گذاری به عنوان خوانده شده Mark As Read

• حذف پیام‌ها Delete Messages

• مرتب‌سازی پیام‌های جدید در ابتدا Order New First

• نمایش تعداد پیام‌های جدید New Message Count Display

• استفاده از Global Context برای پیام‌های خوانده نشده Global Context For Unread Messages

صفحه‌بندی، املاک ویژه، لایت‌باکس و استقرار Pagination, Featured, Lightbox & Deploy

• بازنویسی (Refactor) کامپوننت کلاینت املاک Properties Client Component Refactor

• پیاده‌سازی صفحه‌بندی (Pagination) Implement Pagination

• کامپوننت صفحه‌بندی Pagination Component

• استفاده از Photoswipe Lightbox Photoswipe Lightbox

• دریافت املاک ویژه Fetch Featured Properties

• کامپوننت املاک ویژه Featured Property Component

• استقرار در Vercel Deploy To Vercel