آموزش نکست جی‌اس ۱۵ و فایربیس - آخرین آپدیت

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

معرفی و تنظیمات Introduction & Setup

• مقدمه Introduction

• مهم! لطفا قبل از شروع دوره این را بخوانید! (مخزن GitHub و غیره) Important! Please read this before you start the course! (GitHub repo etc)

• امتیازها و نظرات Udemy Udemy ratings and reviews

• تفاوت این تنظیمات با برنامه های سنتی React + Firebase How this setup differs from traditional React + Firebase apps

• مروری بر استک + ابزارهای مفید برای این دوره Overview of stack + helpful tools for this course

• راه اندازی پروژه Next JS Set up Next JS project

• راه اندازی پروژه Firebase Set up Firebase project

• اتصال Next JS به Firebase Connect Next JS to Firebase

ساخت قابلیت ورود با گوگل Build the Login with Google functionality

• اضافه کردن نوار ناوبری با لینک های احراز هویت Add the navbar with auth links

• نصب shadcn ui و اضافه کردن ورود با گوگل Install shadcn ui and add login with Google

• ایجاد زمینه احراز هویت و نمایش کاربر وارد شده Create auth context and display logged in user

• اضافه کردن قابلیت خروج Add logout functionality

• بهبود استایل نوار ناوبری Improve navbar styling

• بهبود استایل صفحه ورود Improve login page styling

• اضافه کردن منوی کشویی کاربر فعلی به نوار ناوبری Add the current user dropdown to the navbar

ساخت قابلیت مدیریت و داشبورد Build the admin functionality and dashboard

• اضافه کردن نقش مدیر به یک کاربر و ذخیره توکن های احراز هویت در کوکی ها Add the admin role to a user and save auth tokens in cookies

• نمایش مشروط آیتم های منوی پروفایل کاربر Conditionally render user profile menu items

• اضافه کردن صفحه داشبورد مدیر + محافظت از مسیر با میان افزار Next JS Add the admin dashboard page + route protection with Next JS middleware

• ساخت صفحه اصلی داشبورد مدیر Build the admin dashboard main page

• ایجاد صفحه ملک جدید Create the New Property page

• ایجاد طرحواره فرم ملک جدید Create the new property form schema

• ایجاد کامپوننت PropertyForm و شروع ساخت رابط کاربری فرم Create PropertyForm component and start building form UI

• اتمام رندر کردن فیلدهای PropertyForm Finish rendering the PropertyForm fields

• ایجاد اکشن سرور saveNewProperty و ذخیره داده ها در firestore Create the saveNewProperty server action and save data to firestore

• بهبود رابط کاربری هنگام ارسال فرم ملک جدید Improve the UI when submitting the new property form

• پرس و جو برای داده های املاک Query for properties data

• رندر کردن لیست املاک در یک جدول Render the properties list in a table

• محاسبه تعداد کل صفحات برای یک پرس و جو firestore Calculate the total pages for a firestore query

• رندر کردن دکمه های صفحه بندی در زیر جدول املاک Render the pagination buttons under the properties table

• ایجاد صفحه ویرایش ملک Create the edit property page

• ایجاد فرم ویرایش ملک Create the edit property form

• ایجاد اکشن سرور updateProperty Create the updateProperty server action

• اضافه کردن محافظت از مسیر برای تمام مسیرهای admin-dashboard و صفحات احراز هویت Add route protection for all admin-dashboard routes and auth pages

• بهبود استایل جدول املاک Improve the styling of the properties table

ساخت قابلیت آپلود تصاویر Build the image uploads functionality

• ایجاد کامپوننت آپلود کننده تصویر Create the image uploader component

• ذخیره تصاویر انتخاب شده در وضعیت فرم Store selected images in the form state

• رندر کردن لیست تصاویر Render the images list

• پیاده سازی مرتب سازی مجدد و حذف تصاویر Implement reorder and delete images

• پیاده سازی آپلود تصاویر به firebase storage برای املاک جدید Implement upload images to firebase storage for new properties

• بارگذاری تصاویر آپلود شده موجود در فرم ویرایش ملک Load existing uploaded images into the edit property form

• پیاده سازی آپلود + حذف تصاویر هنگام به روز رسانی یک ملک Implement upload + delete images when updating a property

ساخت صفحات پیش نمایش ملک Build the property preview pages

• ایجاد صفحه ملک و رندر کردن توضیحات به عنوان markdown Create the property page and render the description as markdown

• رندر کردن جزئیات ملک Render the property details

• رندر کردن carousel تصاویر ملک و دکمه بازگشت Render the property images carousel and back button

ساخت صفحه و قابلیت جستجوی ملک Build the property search page and functionality

• ایجاد صفحه جستجوی ملک و فیلترهای جستجو Create the property search page and search filters

• اتصال فیلترهای جستجو به URL و ایجاد ایندکس های firestore Hook up the search filters to the URL and create firestore indexes

• رندر کردن لیست املاک فیلتر شده Render the filtered property list

• اضافه کردن دکمه های صفحه بندی برای جستجوی ملک Add the pagination buttons for property search

ساخت قابلیت ورود و ثبت نام با ایمیل + رمز عبور Build the login and register with email + password functionality

• ایجاد طرحواره فرم ثبت نام Create the register form schema

• رندر کردن رابط کاربری فرم ثبت نام Render the register form UI

• ایجاد اکشن سرور ثبت نام کاربر Create the register user server action

• ساخت فرم ورود با ایمیل و رمز عبور Build the login with email and password form

• بهبود اعتبارسنجی و خطاها برای ورود و ثبت نام Improve validation and errors for login and register

• به روز رسانی میان افزار برای رسیدگی به انقضای توکن های احراز هویت Update the middleware to cater for expiring auth tokens

ساخت قابلیت علاقه مندی ها Build the favourites functionality

• اضافه کردن صفحه my-favourites و دکمه تغییر علاقه مندی Add the my-favourites page and toggle favourite button

• پیاده سازی قابلیت اضافه کردن به علاقه مندی ها Implement the add to favourites functionality

• پیاده سازی قابلیت حذف از علاقه مندی ها Implement the remove from favourites functionality

• پیاده سازی مسیرهای موازی و رهگیری برای مودال ورود Implement parallel and intercepting routes for login modal

• رندر کردن فرم ورود در مودال ورود Render the login form in the login modal

• پرس و جو برای لیست علاقه مندی ها Query for the list of favourites

• رندر کردن لیست علاقه مندی ها در صفحه my-favourites Render the list of favourites in the my-favourites page

• پیاده سازی صفحه بندی جدول علاقه مندی ها و حذف علاقه مندی Implement the favourites table pagination and remove favourite

ساخت بخش حساب کاربری من Build the my account section

• اضافه کردن صفحه حساب و رندر کردن جزئیات کاربر Add the account page and render user details

• پیاده سازی فرم تغییر رمز عبور Implement change password form

• پیاده سازی قابلیت حذف حساب کاربری Implement delete account functionality

• حذف علاقه مندی های کاربر هنگام حذف حساب Delete user favourites on account deletion

• پیاده سازی قابلیت فراموشی رمز عبور Implement forgot password functionality

اضافات Extras

• فعال کردن حافظه پنهان برای صفحات ملک Enable caching for property pages

• اضافه کردن حالت های loading به برنامه Add loading states to app

• ساخت صفحه فرود (اختیاری) Build the landing page (optional)

• پیاده سازی قابلیت حذف ملک Implement delete property functionality

• استقرار در vercel Deploy to vercel

• ویژه! BONUS!