آموزش Next.js From Scratch 2024

سرفصل ها و درس ها

معرفی Introduction

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

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

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

• راه اندازی محیط Environment Setup

Next.js Fundamentals & Project Start Next.js Fundamentals & Project Start

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

• طرح‌بندی، صفحه اصلی و متادیتا Layout, Homepage & Metadata

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

• سرور در مقابل مولفه های مشتری و قلاب های روتر Server vs Client Components & Router Hooks

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

• پیوندهای نوار ناوبری، بازشوها و نمادهای واکنش Navbar Links, Dropdowns & React Icons

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

• اجزای صفحه اصلی Homepage Components

• صفحه خواص Properties Page

• اطلاعات دینامیک کارت ملک Property Card Dynamic Data

• لیست املاک خانه Home Property Listings

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

پایگاه داده، API Routes & Property Components Database, API Routes & Property Components

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

• قطب نما و وارد کردن داده های MongoDB MongoDB Compass & Importing Data

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

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

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

• واکشی داده با استفاده از مولفه سرور Fetch Data Using Server Component

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

• واکشی ملک واحد Fetch Single Property

• صفحه ملک واحد Single Property Page

• جزء جزئیات ملک Property Details Component

• جزء اسپینر Spinner Component

تأیید بعدی، جلسات و ارائه‌دهنده Google Next Auth, Sessions & Google Provider

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

• تنظیم بعدی تأیید اعتبار و ارائه دهنده Next Auth & Provider Setup

• بسته بندی ارائه دهنده جلسه Session Provider Wrapper

• دکمه ورود به سیستم Sign In Button

• ذخیره کاربر در پایگاه داده و جلسه Save User to Database & Session

• تصویر نمایه Profile Image

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

ایجاد ویژگی ها و یکپارچه سازی ابری Create Properties & Cloudinary Integration

• فرم و وضعیت جزء را اضافه کنید Add Property Form & Component State

• کنترل کننده های ورودی فرم Form Input Handlers

• Property POST API Route را اضافه کنید Add Property POST API Route

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

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

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

نمایه و مدیریت خواص Profile & Manage Properties

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

• لیست های پروفایل کاربر User Profile Listings

• حذف خواص Deleting Properties

• اعلان های نان تست Toast Notifications

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

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

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

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

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

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

• نشانک مسیر API Bookmark API Route

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

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

• صفحه ویژگی های ذخیره شده Saved Properties Page

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

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

• جزء جستجوی اموال Property Search Component

• جستجوی API 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 For Unread Messages

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

• Properties Client Component Refactor Properties Client Component Refactor

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

• جزء صفحه بندی Pagination Component

• لایت باکس Photoswipe Photoswipe Lightbox

• واکشی ویژگی های ویژه Fetch Featured Properties

• جزء ویژگی های ویژه Featured Property Component

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