آموزش ساخت یک کلون فول استک NYTimes با Next.js و هوش مصنوعی - آخرین آپدیت

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

Introduction

• نمایش پروژه project showcase

• نصب وابستگی‌های لازم – بخش ۱ install necessary dependencies part_1

• نصب وابستگی‌های لازم – بخش ۲ install necessary dependencies part_2

• راه‌اندازی پروژه Next.js nextjs project setup

• متریال UI material ui

• به حمایت شما نیاز داریم need your support

• بازبینی و امتیازدهی Review and ratings

صفحه ثبت‌نام Register page

• کامپوننت ثبت‌نام – بخش ۱ register component part_1

• کامپوننت ثبت‌نام – بخش ۲ register component part_2

• کامپوننت ثبت‌نام – بخش ۳ register component part_3

• کامپوننت ثبت‌نام – بخش ۴ register component part_4

• کامپوننت ثبت‌نام – بخش ۵ register component part_5

• کامپوننت ثبت‌نام – بخش ۶ register component part_6

• مدل کاربر user model

• اتصال به پایگاه داده و تنظیمات ENV database connection & env

• API ثبت‌نام – بخش ۱ register api part_1

• API ثبت‌نام – بخش ۲ register api part_2

• کامپوننت ثبت‌نام – بخش ۷ register component part_7

صفحه ورود و Next-Auth Login page & next-auth

• صفحه ورود و Next-Auth login page &next-auth

• صفحه ورود – بخش ۲ login page part_2

• ارائه‌دهندگان providers

• پیکربندی Next-Auth next-auth configuration

• پیکربندی Next-Auth – بخش ۲ next-auth configuration part_2

صفحات محافظت‌شده و Middleware protected pages & middleware

• صفحه محافظت‌شده و Middleware protected page and middleware

نوار ناوبری (Navbar) و نوار کناری (Sidebar) Navbar & sidebar

• نوار ناوبری (Navbar) navbar

• نوار کناری (Sidebar) – بخش ۱ siderbar part_1

• نوار کناری (Sidebar) – بخش ۲ sidebar part_2

بخش پروفایل مدیر Admin Profile section

• صفحه پروفایل profile page

• آپلود تصویر در Cloudinary – بخش ۱ upload image to cloudinary part_1

• اطلاعات پروفایل profile data

• API ایجاد یا به‌روزرسانی پروفایل profile create or update api

• API دریافت پروفایل profile get api

• پروفایل – بخش ۲ profile part_2

• تکمیل پروفایل populate profile

تغییر رمز عبور Change Password

• کامپوننت تغییر رمز عبور change password component

• کامپوننت تغییر رمز عبور – بخش ۲ change password component part_2

• API تغییر رمز عبور password change api

دسته‌بندی Category

• مدل دسته‌بندی category model

• API دریافت دسته‌بندی category get api

• API ارسال دسته‌بندی category post api

• API به‌روزرسانی و حذف دسته‌بندی category put and delete api

• API کانتکست دسته‌بندی – بخش ۱ category context api part_1

• API کانتکست دسته‌بندی – بخش ۲ category context api part_2

• کانتکست دسته‌بندی – بخش ۳ category context part_3

• پر کردن اولیه (Data Seeding) دسته‌بندی category data seeding

• صفحه دسته‌بندی category page

• تابع ارسال دسته‌بندی category submit function

• کامپوننت جدول دسته‌بندی category table component

• نمایش دسته‌بندی‌ها در جدول display categories in table

• حذف دسته‌بندی delete category

• ویرایش دسته‌بندی edit category

زیردسته‌بندی Subcategory

• مدل زیردسته‌بندی subcategory model

• API دریافت و ارسال زیردسته‌بندی subcategory get and post api

• API به‌روزرسانی و حذف زیردسته‌بندی subcategory put and delete api

• API کانتکست زیردسته‌بندی – بخش ۱ subcategory context api part_1

• API کانتکست زیردسته‌بندی – بخش ۲ subcategory context api part_2

• API کانتکست زیردسته‌بندی – بخش ۳ subcategory context api part_3

• قالب‌بندی (Mastering) زیردسته‌بندی subcategory template mastring

• صفحه زیردسته‌بندی subcategory page

• تابع handlesubmit زیردسته‌بندی subcategory handlesubmit function

• پر کردن اولیه (Data Seeding) زیردسته‌بندی subcategory data seeding

• نمایش زیردسته‌بندی در جدول display subcategory in table

• مقداردهی اولیه State initializes state

• حذف زیردسته‌بندی – بخش ۱ delete subcategory part_1

• حذف زیردسته‌بندی – بخش ۲ delete subcategory part_2

• ویرایش زیردسته‌بندی – بخش ۱ subcategory edit part_1

• ویرایش زیردسته‌بندی – بخش ۲ subcategory edit part_2

• ویرایش زیردسته‌بندی – بخش ۳ subcategory edit part_3

پست خبری Newspost

• مدل پست خبری – بخش ۱ newspost model part_1

• مدل پست خبری – بخش ۲ newspost model part_2

• API دریافت پست خبری news post get api

• API ارسال پست خبری news post post api

• API به‌روزرسانی و حذف پست خبری newspost put and delete api

• قالب‌بندی (Mastering) پست خبری newspost template mastring

• API کانتکست پست خبری – بخش ۱ newspost context api part_1

• API کانتکست پست خبری – بخش ۲ newspost context api part_2

• API کانتکست پست خبری – بخش ۳ newspost context api part_3

• نمایش دسته‌بندی و زیردسته‌بندی در Dropdown display category and subcategory in dropdown

• مقدار پست خبری newspost value

• ذخیره پست خبری در پایگاه داده save newspost in database

• قالب‌بندی (Mastering) جدول پست خبری newspost table template mastring

• دریافت پست‌های خبری fetch newsPost

• حذف پست خبری delete news post

• قالب‌بندی (Mastering) صفحه ویرایش edit page template mastring

• جزئیات اخبار دریافت شده برای ویرایش edit news fetched details

• API دریافت جزئیات fetch details api

• به‌روزرسانی پست خبری update newspost

• پر کردن اولیه (Data Seeding) پست خبری newspost data seeding

کتابخانه تصاویر (Imagelib) imagelib

• مدل کتابخانه تصاویر (Imagelib) imagelib model

• کامپوننت Imagelib و مدیریت تغییر تصویر imagelib component and handle image change

• فرمت Base64 base64 formate

• تابع Handlesubmit handlesubmit function

• API آپلود تصویر – بخش ۱ upload image api part_1

• API آپلود تصویر – بخش ۲ upload image api part_2

• دریافت تصویر برای داشبورد fetchimage to dashboard

• حذف Imagelib delete imagelib

کتابخانه ویدئوها (Videolib) Videolib

• مدل کتابخانه ویدئوها (Videolib) videolib model

• صفحه Videolib videolib page

• تابع Handlesubmit در Videolib videolib handlesubmit function

• API دریافت و ارسال Videolib videolib get and post api

• API به‌روزرسانی و حذف Videolib put and delete api videolib

• نمایش Videolib در جدول display videolib in table

• حذف Videolib videolib delete

• راه‌اندازی صفحه به‌روزرسانی update page setup

• موفقیت در به‌روزرسانی Videolib videolib update success

بنر Banner

• مدل بنر banner model

• قالب‌بندی (Mastering) بنر banner template mastring

• API کانتکست – بخش ۱ context api part_1

• ایجاد API کانتکست بنر create banner context api

• کامپوننت بنر banner component

• آپلود تصویر در Cloudinary upload image to cloudinary

• API دریافت و ارسال بنر banner get and post api

• API به‌روزرسانی و حذف بنر banner put and delete api

• پر کردن اولیه (Data Seeding) بنر banner data seeding

• نمایش بنر در جدول display banner in the table

• حذف بنر delete banner

• اعلان حذف بنر delete banner notification

• API کانتکست به‌روزرسانی بنر update banner context api

• دریافت جزئیات در صفحه ویرایش fetchdetails on edit page

• API ویرایش بنر banneredit api

پخش زنده Live

• مدل پخش زنده live model

• صفحه تلویزیون زنده livetv page

• تابع Handlesubmit – بخش ۱ handlesubmit function part_1

• تابع Handlesubmit – بخش ۲ handlesubmit function part_2

• API تلویزیون زنده livetv api

• پر کردن اطلاعات تلویزیون زنده در فرم populate livetv in form

مگامنو Mega Menu

• API دسته‌بندی با زیردسته‌بندی category with subcategory api

• دسته‌بندی دریافت شده با زیردسته‌بندی fetched category with subcategory

• نمایش دسته‌بندی با زیردسته‌بندی در Navbar display category with subcategory in navbar

• نمایش زیردسته‌بندی در مگامنو – بخش ۲ display subcategory in mega menu part_2

• نمایش دسته‌بندی و زیردسته‌بندی در مگامنو – بخش ۳ display category and subcategory in mega menu part_3

• نمایش زیردسته‌بندی در مگامنو – بخش ۴ display subcategory in mega menu part_4

• خبرنامه در مگامنو newslatter in megamenu

• نمایش اخبار زنده و پادکست در مگامنو display live and podcast news in mega menu

کامپوننت فوتر Footer Component

• صفحه بالای فوتر top footer page

• بخش فوتر footer section

راه‌اندازی Navbar و Rapid API Navbar setup & Rapid Api

• راه‌اندازی Navbar navbar setup

• Rapid API بازار سهام rapid api stock market

• دریافت قیمت لحظه‌ای سهام fetch real time stock price

بخش صفحه اصلی Home Section

• API صفحه اصلی home page api

• نمایش دسته‌بندی و زیردسته‌بندی در صفحه اصلی display category and subcategory on home page

• نمایش پست خبری در صفحه اصلی display newspost on home page

بخش بنر Banner section

• کامپوننت بنر banner component

اخبار فوری Breaking News

• اسلایدر اخبار فوری breaking news slider

• API اخبار فوری breaking new api

اخبار از دست رفته Missed News

• API اخبار از دست رفته missed news api

• کامپوننت اخبار از دست رفته – بخش ۱ missed news component part_1

• کامپوننت اخبار از دست رفته – بخش ۲ missed news component part_2

• کامپوننت اخبار از دست رفته – بخش ۳ missed news component part_3

صفحه اصلی تلویزیون زنده LiveTV Home Page

• API تلویزیون زنده livetv api

• مودال تلویزیون زنده livetv modal

کتابخانه تصاویر و ویدئوها Image And Video Library

• API کتابخانه تصاویر و ویدئوها imagelib and videolib api

• کتابخانه تصاویر – بخش ۱ image library part_1

• کتابخانه تصاویر – بخش ۲ image library part_2

• گالری ویدئو video gallery

• مودال گالری ویدئو video gallery modal

بخش اخبار بیشتر Morenews section

• API اخبار بیشتر morenews api

• کامپوننت اخبار بیشتر – بخش ۱ morenews component part_1

• کامپوننت اخبار بیشتر – بخش ۲ morenews component part_2

• کامپوننت اخبار بیشتر – بخش ۳ morenews component part_3

بخش اخبار ورزشی Sports News Section

• بخش اخبار ورزشی sports news section

بخش اخبار سلامت Well News Section

• API اخبار سلامت well news api

• دریافت پست خبری سلامت fetch well news post

• پست خبری سلامت well news post

بخش فرهنگ Culture sectiion

• API فرهنگ culture api

• پست خبری فرهنگ دریافت شده fetched culture newspost

• کامپوننت فرهنگ culture component

بخش اخبار News Section

• API اخبار News api

• داده‌های اخبار دریافت شده fetched news data

• کامپوننت اخبار news component

بخش دیدگاه/نظرات Opinion Section

• API دیدگاه/نظرات Opinion api

• کامپوننت دیدگاه/نظرات Opinion component

اخبار زندگی Living News

• API زندگی living api

• کامپوننت زندگی living component

اخبار املاک و مستغلات Real Estate News

• API املاک و مستغلات real east api

• کامپوننت املاک و مستغلات real estate component

صفحه تکی Single page

• API صفحه تکی single page api

• دریافت پست خبری تکی fetch single newspost

• کامپوننت پست خبری تکی single newspost component

اخبار پرطرفدار Trending News

• API اخبار پرطرفدار trending news api

• اخبار پرطرفدار دریافت شده fetched trending news

• کامپوننت اخبار پرطرفدار trending news component

React-Share react-share

• اشتراک‌گذاری اجتماعی React-Share social share react-share

• مودال React-Share react-share modal

Disqus-React Disqus-React

• کشوی MUI برای Disqus-React disqus-react mui drawer

• کامنت، لایک، اشتراک‌گذاری، پاسخ comment,like ,share,reply

اخبار بر اساس دسته‌بندی – بخش ۱ Category based News Part_1

• API اخبار دسته‌بندی categorynews news api

• اخبار بر اساس دسته‌بندی category based news

• دریافت پست خبری بر اساس دسته‌بندی fetch category based news post

پر کردن اولیه (Data Seeding) پست خبری Data Seeding NewsPost

• پر کردن اولیه (Data Seeding) پست خبری data seeding newspost

به‌روزرسانی پر کردن اولیه (Data Seeding) پست خبری در رابطه با محتوای دوره Data seeding newspost Update Regarding Course Content

• محتوا به‌روزرسانی شد content updated

• پست خبری آموزشی education newspost

• پست خبری فناوری technology newspost

• پست خبری املاک و مستغلات real estate newspost

• پست خبری کسب و کار business newspost

• پست خبری فرهنگی culuture newspost

• پست خبری دیدگاه/نظرات opinion newspost

• پست خبری سلامت well newspost

پست خبری بر اساس دسته‌بندی – بخش ۲ Category based Newspost Part_2

• پست خبری بر اساس دسته‌بندی – بخش ۲ category based newspost part_2

• کامپوننت برتر top component

• کامپوننت سلامت well component

• کامپوننت بخش section component

پست خبری بر اساس زیردسته‌بندی – بخش ۱ subcategory based newspost part_1

• API اخبار زیردسته‌بندی subcategory news api

• پست خبری زیردسته‌بندی دریافت شده fetched subcategory newspost

پر کردن اولیه (Data Seeding) زیردسته‌بندی subcategory data seeding

• پست خبری استایل خیابانی street style newspost

• پست خبری آموزش schooling newspost

• استارتاپ‌ها startups

پست خبری بر اساس زیردسته‌بندی – بخش ۲ subcategory based newspost part_2

• صفحه اخبار زیردسته‌بندی subcategory news page

• انتقال داده به عنوان Props pass data as props

• نمایش کامپوننت برتر display top component

• کامپوننت بخش زیردسته‌بندی section subcategory component

داشبورد ویرایشگر Editor dashboard

• داشبورد ویرایشگر editor dashboard

• تب فعال active tab

• وارد کردن کامپوننت import component

• راه‌اندازی کامپوننت پروفایل setup profile component

• تغییر رمز عبور ویرایشگر editor change password

• صفحه پست خبری ویرایشگر editor newspost page

• CRUD پست خبری ویرایشگر editor newspost crud

• کامپوننت دسته‌بندی و زیردسته‌بندی category and subcategory component

• کامپوننت خروج logout component

داشبورد کاربر User Dashboard

• داشبورد کاربر user dashboard

• کامپوننت داشبورد کاربر user dashboard component

• کامپوننت اشتراک – بخش ۱ subscription component part_1

• تصویر اسلاید اشتراک subscription slide image

• مدیریت پرداخت Stripe handle stripe payment

• API اشتراک – بخش ۱ subscription api part_1

اشتراک Subscription

• مدل اشتراک subscription model

• API اشتراک – بخش ۲ subscription api part_2

• صفحه موفقیت success page

• API موفقیت پرداخت – بخش ۱ payment success api part_1

• API موفقیت پرداخت – بخش ۲ payment success api part_2

• مدل‌های سفارش order models

• ذخیره سفارش‌ها در پایگاه داده save orders in database

• صفحه لغو cancel page

• API جزئیات اشتراک subscription details api

• صفحه جزئیات اشتراک subscription details page

• باگ API موفقیت success api bug

• API محتوای Premium premuim content api

• پست خبری Premium premuim newspost

• صفحه Premium premuim page

• API کاربر Premium premuim user api

• باگ مقاله Premium premuim artical bug

• API سفارش order api

• صفحه سفارش order page

همه کاربران در داشبورد ادمین All User On Admin Sahboard

• API دریافت، به‌روزرسانی و حذف کاربر user get put delete api

• همه کاربران در داشبورد ادمین all user on admin dashboard

• حذف کاربر delete user

• صفحه ویرایش کاربر – بخش ۱ user edit page part_1

• به‌روزرسانی جزئیات کاربر update user details

• صفحه افزودن ادمین جدید addnew admin page

• API داشبورد – بخش ۱ dashboard api part_1

• API داشبورد – بخش ۲ dashbord api part_2

• تحلیل‌های داشبورد ادمین – بخش ۱ admin dashboard analytics part_1

• دریافت جزئیات در داشبورد ادمین fetching details on admin dashboard

• تحلیل‌های داشبورد ادمین admin dashboard analytics

هوش مصنوعی مولد Generative AI

• هوش مصنوعی مولد Generative AI

• هوش مصنوعی مولد – بخش ۲ Generative AI part_2

• هوش مصنوعی مولد – بخش ۳ Generative AI part_3

تنظیمات سایت site settings

• مدل تنظیمات سایت site setting model

• API تنظیمات سایت site setting api

• صفحه تنظیمات سایت site setting page

• آپلود تصویر در فضای ابری upload image to cloud

• ذخیره تنظیمات سایت save site setting

• پر کردن اطلاعات تنظیمات سایت populate site settings

قابلیت جستجو search feature

• کامپوننت جستجو search component

• API جستجو search api

• کامپوننت نتیجه – بخش ۱ result component part_1

• کامپوننت نتیجه – بخش ۲ result component part_2

• جستجو بر اساس متن search on the basis of text

• API نتیجه result api

• تابع جستجو در صفحه اصلی home page search function

• تابع جستجو در صفحه اصلی – بخش ۲ home page search function part_2

Navbar صفحه تکی Single Page Navbar

• راه‌اندازی Navbar صفحه تکی single page navbar setup

• کامپوننت Drawer – بخش ۱ drawer component part_1

• کامپوننت Drawer – بخش ۲ drawer component part_2

• کامپوننت Drawer – بخش ۳ drawer component part_3

• کامپوننت جستجوی Navbar navbar search component

• کامپوننت حساب کاربری – بخش ۱ account component part_1

• پیام خوش‌آمدگویی greeting message

• کامپوننت حساب کاربری – بخش ۲ account component part_2

• کامپوننت Navbar navbar component

• صفحه درباره ما about page

• صفحه خدمات service page

• صفحه تماس با ما contact page

• ارسال ایمیل send email

واکنش‌گرایی Responsiveness

• ناوبری موبایل – بخش ۱ mobile nav part_1

• ناوبری موبایل – بخش ۲ mobile nav part_2

رفع باگ Bug Fixing

• باگ – بخش ۱ bug part_1

• رفع باگ – بخش ۲ bug fixing part_2

استقرار Deployment

• استقرار – بخش ۱ deployment part_1

• استقرار – بخش ۲ deployment part_2

• استقرار – بخش ۳ deployment part_3

• استقرار – بخش ۴ deployment part_4

• استقرار نهایی deployment final