آموزش پلتفرم وبلاگ نویسی SEO چند کاربره MERN React Node Next.js

MERN React Node Next.js Multi User SEO Blogging Platform

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با ساختن یک برنامه وب SEO واقعاً واقعی با استفاده از MERN Stack با React/Next.js برای ثبت نام کاربر SSR/ورود به سیستم فراموشی رمز عبور/بازنشانی گذرواژه فعال سازی حساب کاربری در ثبت نام کاربر ورود اجتماعی با سیستم احراز هویت مبتنی بر Google JWT، مدیر/کاربر، به یک توسعه دهنده وب نهایی تبدیل شوید. سیستم مجوز مبتنی بر نقش داشبورد Advance CRUD با آپلود تصویر وبلاگ ها جستجو بارگذاری بیشتر وبلاگ ها دسته بندی ها برچسب ها SEO - بهینه سازی موتور جستجو پروژه دنیای واقعی عملی در حال اجرا بر روی سرور توسعه API با Node Express MongoDB Frontend توسعه وب با React Hooks و NextJs SSR با NextJs User Public صفحه نمایه با لیست وبلاگ ها و فرم تماس وبلاگ نویسنده فرم تماس خصوصی داشبورد خصوصی کاربر سیستم مجوز چند کاربره سیستم چند کاربره که می تواند برای ایجاد برنامه بازار مقیاس شود فرم تماس استاندارد DISQUS سیستم نظر وبلاگ وبلاگ های مرتبط Google Analytics یکپارچه سازی Sendgrid برای ارسال ایمیل های مستقر به دیجیتال سرورهای Ocean Cloud در حال افزودن دامنه Cloudflare CDN an d SSL Writing رایگان Clean Code ساختار پروژه مقیاس پذیر پیش نیازها: درک پایه جاوا اسکریپت یا هر زبان برنامه نویسی دیگری درک اولیه React Js درک پایه Node Js

با استفاده از پشته MERN (Mongo Express React Node) بر هنر ساختن برنامه های وب سئوی دنیای واقعی مسلط شوید. با این دوره آموزشی مبتنی بر پروژه نهایی که در آن شما یاد خواهید گرفت که برنامه وب واقعی بسازید که در حال حاضر به صورت زنده روی سرور اجرا می شود، یک توسعه دهنده وب واقعی شوید :)

به یادگیری توسعه وب Full Stack/MERN Stack با React Node Mongo DB و NextJs خوش آمدید. در این دوره آموزشی شما یاد خواهید گرفت که API Backend را با Node، Express و Mongo DB بسازید. شما یاد خواهید گرفت که با React و NextJs اپلیکیشن وب فرانت اند بسازید. شما یاد خواهید گرفت که با استفاده از NextJs برنامه وب SEO بسازید که چارچوبی برای ساخت برنامه های React سطح تولید است.

در پایان این دوره شما یک پلتفرم وبلاگ نویسی چند کاربره سئوی آماده برای تولید بسازید. این دوره کارگاه نهایی شما برای ساخت برنامه های وب MERN با تمرکز دقیق بر Node React NextJs و SEO است.


چرا React Node NextJs را برای ساخت پروژه وبلاگ نویسی سئو انتخاب می کنیم

  • ما Node React و NextJs را انتخاب می‌کنیم زیرا همگی از زبان برنامه‌نویسی یکسانی جاوا اسکریپت استفاده می‌کنند. بنابراین، اگرچه این یک برنامه FullStack با API جداگانه و frontend جداگانه است، ما فقط با یک زبان سر و کار خواهیم داشت - JavaScript.

  • ما Node js و Mongo DB را برای ایجاد API انتخاب می‌کنیم زیرا بسیار آسان، انعطاف‌پذیر و مقیاس‌پذیر است.

  • ما React را انتخاب می‌کنیم زیرا بسیار قدرتمند، کارآمد و اخیراً با معرفی هوک‌ها بسیار سرگرم‌کننده و آسان شده است.

  • ما NextJs را انتخاب می‌کنیم زیرا فرآیند توسعه برنامه‌های React را به سطح جدیدی می‌برد.

  • NextJs دارای SSR خارج از جعبه است و SSR برای SEO ضروری است

  • NextJs که با نسخه 9 شروع می شود به طور خودکار تصمیم می گیرد که آیا صفحه وب شما می تواند به عنوان صفحه ایستا یا صفحه پویا ارائه شود.

  • اگر صفحه شما برای واکشی داده ها درخواستی برای سرور پشتیبان نمی دهد، NextJs به طور خودکار آن صفحه را به عنوان صفحه ایستا ارائه می دهد.

  • صفحات استاتیک بسیار سریع بارگیری می شوند زیرا ثابت هستند. نیازی نیست منتظر پاسخ سرور باشید.


بنابراین می توانید صفحه اصلی یا صفحه فرود سایت خود را یک صفحه ثابت با محتوای ثابت مانند متن و تصاویر از پیش نوشته شده بسازید تا آن را بسیار سریع کنید.

من از NextJs به صورت حرفه ای برای ساخت یک برنامه وب استفاده کرده ام و در تست سرعت صفحه گوگل از ۱۰۰ نمره ۱۰۰ می گیرد. باورش سخته ولی حقیقت داره!


NextJs چگونه باعث می‌شود که صفحات وب شما اینقدر سریع ارائه شود؟

  • در ابتدا NextJs تجزیه و تحلیل می‌کند که آیا صفحات می‌توانند در طول فرآیند ساخت آن به صورت ایستا یا پویا ارائه شوند. بنابراین اگر صفحه‌ای را بتوان به‌عنوان استاتیک ارائه کرد، به‌عنوان ایستا ارائه می‌شود و سریع‌تر از صفحاتی که به پاسخ سرور نیاز دارند، ارائه می‌شود.

  • دلیل دوم این است که اگرچه صفحه فرود شما ممکن است تصاویر زیادی داشته باشد، اما آنها به عنوان محتوای ثابت ارائه می شوند، بنابراین ابتدا صفحه با محتوای واقعی (متن/html) بارگیری می شود بدون اینکه منتظر تصاویر باشید، در نتیجه صفحه در کمترین زمان بارگذاری می شود. بیش از یک ثانیه .

  • NextJها از نسخه 9 صفحات را به طور خودکار در پشت صحنه واکشی می کنند تا زمانی که صفحه اصلی بارگذاری می شود، تا زمانی که از مؤلفه پیوند بعدی استفاده می کنید، سایر صفحات سایت شما در پشت صحنه واکشی می شوند. بنابراین هنگامی که کاربر به صفحات مختلف هدایت می شود ... سریع است.

  • با NextJs همه صفحات شما SEO هستند، بنابراین صفحات استاتیک یا پویا، همه آنها بهینه شده برای موتورهای جستجو هستند.


آیا نمی خواهید فریمورک دیگری را یاد بگیرید؟

  • من هم :) بهترین چیز در مورد NextJs این است که تقریباً React است. شما هنوز هم به روشی که معمولاً با React انجام می دهید، مؤلفه ها را ایجاد می کنید.

  • تفاوت‌های کمی مانند مسیریابی و روش چرخه حیات (getInitialProps) توسط NextJs ارائه شده است که SSR را ممکن می‌سازد.

  • هنگام ساختن این پروژه عالی، همه چیزهای خوب در مورد NextJs را خواهید آموخت.


بنابراین اگر به دنبال ساختن برنامه‌ای با عملکرد بسیار بالا هستید که تمام رقابت‌های شما را پشت سر بگذارد و در میان جمعیت برجسته شود، این دوره دقیقاً به شما نشان می‌دهد که چگونه می‌توانید چنین برنامه‌ای بسازید.


این برنامه وبلاگ نویسی برای مصارف تولیدی ساخته شده است و به اندازه کافی انعطاف پذیر است تا بتوانید از آن به عنوان یک پلتفرم وبلاگ نویسی یک نفره یا یک پلت فرم وبلاگ نویسی برای تجارت خود استفاده کنید یا به عنوان پایه یک برنامه بازار استفاده کنید زیرا دارای سیستم وبلاگ نویسی چند کاربره مبتنی بر نقش است. در جای خود.


پس در این دوره به من بپیوندید و با هم شروع به کدنویسی این برنامه عالی کنید


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

معرفی دوره Course Introduction

  • معرفی Introduction

  • آیا برای این دوره آماده هستید؟ Are you ready for this course?

  • آیا برای این دوره آماده هستید؟ Are you ready for this course?

  • آیا با JavaScript React و NodeJs تازه کار هستید؟ Are you new to JavaScript React and NodeJs?

  • آیا با JavaScript React و NodeJs تازه کار هستید؟ Are you new to JavaScript React and NodeJs?

معرفی دوره Course Introduction

  • معرفی Introduction

Node API Setup Node API Setup

  • راه اندازی سرور Server setup

  • کد منبع را دانلود کنید Download source code

  • لیست بسته های npm که باید نصب کنید List of npm packages you need to install

  • لیست بسته های npm که باید نصب کنید List of npm packages you need to install

  • پستچی و CORS Postman and CORS

  • پستچی و CORS Postman and CORS

  • ALERT - فرآیند ثبت نام Mongo Atlas ALERT - Mongo Atlas Signup Process

  • Mongoose وصل کنید Mongoose connect

  • Mongoose وصل کنید Mongoose connect

  • راه اندازی پایگاه داده با اطلس mongo Database setup with mongo atlas

  • راه اندازی پایگاه داده با اطلس mongo Database setup with mongo atlas

  • منابع برای نصب MongoDB و Robo3T (اختیاری) Resources to Install MongoDB and Robo3T (optional)

  • منابع برای نصب MongoDB و Robo3T (اختیاری) Resources to Install MongoDB and Robo3T (optional)

  • راه اندازی پایگاه داده به صورت محلی Database setup locally

  • جداسازی مسیرها Separating routes

  • جداسازی مسیرها Separating routes

  • کنترل کننده ها Controllers

Node API Setup Node API Setup

  • راه اندازی سرور Server setup

  • کد منبع را دانلود کنید Download source code

  • لیست بسته های npm که باید نصب کنید List of npm packages you need to install

  • ALERT - فرآیند ثبت نام Mongo Atlas ALERT - Mongo Atlas Signup Process

  • راه اندازی پایگاه داده به صورت محلی Database setup locally

  • کنترل کننده ها Controllers

ثبت نام کاربر ورود به سیستم User Signup Signin

  • کد منبع را دانلود کنید Download source code

  • مدل کاربر و طرحواره User model and schema

  • مسیر ثبت نام و راه اندازی کنترلر Signup route and controller setup

  • مسیر ثبت نام و راه اندازی کنترلر Signup route and controller setup

  • لیست بسته های npm که باید نصب کنید List of npm packages you need to install

  • لیست بسته های npm که باید نصب کنید List of npm packages you need to install

  • نصب بسته های npm برای auth و وبلاگ Installing npm packages for auth and blog

  • اعتبار سنجی ثبت نام Signup validator

  • اعتبار سنجی ثبت نام Signup validator

  • زمینه ها و روش های مجازی طرحواره کاربر User schema virtual fields and methods

  • ثبت نام کاربر User signup

  • ثبت نام کاربر User signup

  • مشکل با اطلس مونگو Trouble with mongo atlas

  • مشکل با اطلس مونگو Trouble with mongo atlas

  • در حال تلاش برای ثبت نام کاربر Trying user signup

  • خطای Express JWT - الگوریتم ها باید تنظیم شوند (برای سخنرانی بعدی) Express JWT Error - Algorithms should be set (for next lecture)

  • خطای Express JWT - الگوریتم ها باید تنظیم شوند (برای سخنرانی بعدی) Express JWT Error - Algorithms should be set (for next lecture)

  • خروج از سیستم و مسیرهای محافظت شده Signout and protected routes

  • خروج از سیستم و مسیرهای محافظت شده Signout and protected routes

ثبت نام کاربر ورود به سیستم User Signup Signin

  • کد منبع را دانلود کنید Download source code

  • مدل کاربر و طرحواره User model and schema

  • لیست بسته های npm که باید نصب کنید List of npm packages you need to install

  • نصب بسته های npm برای auth و وبلاگ Installing npm packages for auth and blog

  • زمینه ها و روش های مجازی طرحواره کاربر User schema virtual fields and methods

  • در حال تلاش برای ثبت نام کاربر Trying user signup

با NextJs واکنش نشان دهید React with NextJs

  • کد منبع را دانلود کنید Download source code

  • شروع با nextjs Starting with nextjs

  • صفحه آرایی Page layout

  • صفحه آرایی Page layout

  • صفحه سند سفارشی Custom document page

  • صفحه سند سفارشی Custom document page

  • نوار ناوبری Reactstrap Reactstrap navbar

  • متغیرهای env با nextjs env variables with nextjs

  • متغیرهای env با nextjs env variables with nextjs

  • ناوبری با استفاده از مؤلفه پیوند Navigation using link component

  • ناوبری با استفاده از مؤلفه پیوند Navigation using link component

با NextJs واکنش نشان دهید React with NextJs

  • کد منبع را دانلود کنید Download source code

  • شروع با nextjs Starting with nextjs

  • نوار ناوبری Reactstrap Reactstrap navbar

ثبت نام Frontend Signin Frontend Signin Signup

  • کد منبع را دانلود کنید Download source code

  • فرم ثبت نام Signup form

  • اقدام و هشدار ثبت نام Signup action and alerts

  • اقدام و هشدار ثبت نام Signup action and alerts

  • ورود Signin

  • ورود Signin

  • ذخیره کاربر و نشانه در کوکی و حافظه محلی Saving user and token in cookie and localstorage

  • ذخیره کاربر و نشانه در کوکی و حافظه محلی Saving user and token in cookie and localstorage

  • خروج از سیستم و نمایش مشروط پیوندهای ناوبری Signout and conditionally showing nav links

  • تکالیف - کاربر احراز هویت شده را از صفحه ورود و ثبت نام هدایت کنید Homework - Redirect authenticated user from signin and signup page

  • راه حل تکلیف Homework solution

  • راه حل تکلیف Homework solution

ثبت نام Frontend Signin Frontend Signin Signup

  • کد منبع را دانلود کنید Download source code

  • فرم ثبت نام Signup form

  • خروج از سیستم و نمایش مشروط پیوندهای ناوبری Signout and conditionally showing nav links

  • تکالیف - کاربر احراز هویت شده را از صفحه ورود و ثبت نام هدایت کنید Homework - Redirect authenticated user from signin and signup page

مسیرهای محافظت شده برای Admin Protected routes for Admin

  • کد منبع را دانلود کنید Download source code

  • میان افزارهای احراز هویت و مدیریت - Backend Auth and admin middlewares - Backend

  • ادمین و داشبورد کاربر Admin and user dashboard

  • ادمین و داشبورد کاربر Admin and user dashboard

  • محافظت از مسیرها برای کاربر تأیید اعتبار و مدیر Protecting routes for auth and admin user

  • تکالیف - پیوند داشبورد را بر اساس نقش کاربر نمایش دهید Homework - Show dashboard link in nav based on user role

  • لینک داشبورد Dashboard link

  • لینک داشبورد Dashboard link

مسیرهای محافظت شده برای Admin Protected routes for Admin

  • کد منبع را دانلود کنید Download source code

  • میان افزارهای احراز هویت و مدیریت - Backend Auth and admin middlewares - Backend

  • محافظت از مسیرها برای کاربر تأیید اعتبار و مدیر Protecting routes for auth and admin user

  • تکالیف - پیوند داشبورد را بر اساس نقش کاربر نمایش دهید Homework - Show dashboard link in nav based on user role

API دسته ها Categories API

  • کد منبع را دانلود کنید Download source code

  • دسته بندی مسیرها و کنترل کننده های طرحواره Category schema routes and controllers

  • دسته بندی مسیرها و کنترل کننده های طرحواره Category schema routes and controllers

  • کد کنترل کننده خطای پایگاه داده Database Error Handler code

  • کد کنترل کننده خطای پایگاه داده Database Error Handler code

  • کنترل کننده خطا برای جلوگیری از تکراری Error handler to avoid duplicates

  • کنترل کننده خطا برای جلوگیری از تکراری Error handler to avoid duplicates

  • فهرست دسته‌ها خواندن حذف Category list read delete

API دسته ها Categories API

  • کد منبع را دانلود کنید Download source code

  • فهرست دسته‌ها خواندن حذف Category list read delete

برچسب ها API Tags API

  • کد منبع را دانلود کنید Download source code

  • برچسب های تکالیف Homework tags

  • برچسب های تکالیف Homework tags

  • راه حل تکلیف - برچسب ها ایجاد لیست خواندن و حذف Homework solution - Tags create list read and delete

  • استفاده از nprogress Using nprogress

  • استفاده از nprogress Using nprogress

  • CSS با استفاده از فایل استاتیک و next-css CSS using static file and next-css

برچسب ها API Tags API

  • کد منبع را دانلود کنید Download source code

  • راه حل تکلیف - برچسب ها ایجاد لیست خواندن و حذف Homework solution - Tags create list read and delete

  • CSS با استفاده از فایل استاتیک و next-css CSS using static file and next-css

دسته ها و برچسب ها - Frontend Categories and Tags - Frontend

  • کد منبع را دانلود کنید Download source code

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

  • کد مولفه دسته Category Component Code

  • کد مولفه دسته Category Component Code

  • ایجاد دسته Create category

  • ایجاد دسته Create category

  • رده خوانده شده حذف و پیام ها Category read delete and messages

  • رده خوانده شده حذف و پیام ها Category read delete and messages

  • تکالیف - برچسب ها Homework - Tags

  • کد کامپوننت را تگ کنید Tag Component Code

  • کد کامپوننت را تگ کنید Tag Component Code

  • راه حل تکلیف - برچسب ها Homework solution - Tags

دسته ها و برچسب ها - Frontend Categories and Tags - Frontend

  • کد منبع را دانلود کنید Download source code

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

  • تکالیف - برچسب ها Homework - Tags

  • راه حل تکلیف - برچسب ها Homework solution - Tags

API وبلاگ Blog API

  • کد منبع را دانلود کنید Download source code

  • طرحواره وبلاگ Blog schema

  • طرحواره وبلاگ Blog schema

  • ایجاد وبلاگ با عکس Create blog with photo

  • ایجاد وبلاگ با عکس Create blog with photo

  • ایجاد وبلاگ با دسته ها و برچسب ها Create blog with categories and tags

  • تولید گزیده وبلاگ Generate blog excerpt

API وبلاگ Blog API

  • کد منبع را دانلود کنید Download source code

  • ایجاد وبلاگ با دسته ها و برچسب ها Create blog with categories and tags

  • تولید گزیده وبلاگ Generate blog excerpt

وبلاگ Frontend Frontend Blog

  • کد منبع را دانلود کنید Download source code

  • کد منبع را دانلود کنید Download source code

  • راه اندازی صفحه ایجاد وبلاگ Blog create page setup

  • وبلاگ ایجاد اقدام و واردات Blog create action and imports

  • وبلاگ ایجاد اقدام و واردات Blog create action and imports

  • فرم ایجاد وبلاگ Blog create form

  • کدهای ماژول ها و فرمت های Quill Quill modules and foramts code

  • کدهای ماژول ها و فرمت های Quill Quill modules and foramts code

  • ماژول‌های Quill، کنترل‌کننده‌های رویداد و ذخیره‌سازی محلی Quill modules, event handlers and localstorage

  • ماژول‌های Quill، کنترل‌کننده‌های رویداد و ذخیره‌سازی محلی Quill modules, event handlers and localstorage

  • دسته ها و برچسب ها را در کادر چک نشان دهید Show categories and tags in checkbox

  • دسته ها و برچسب ها را در کادر چک نشان دهید Show categories and tags in checkbox

  • دسته‌ها را تغییر دهید، علامت را بردارید Toggle categories check uncheck

  • انتشار وبلاگ Publish blog

  • پیام منتشر شده در وبلاگ Blog published message

  • لیست همه وبلاگ ها List all blogs

  • لیست همه وبلاگ ها List all blogs

  • همه دسته ها و برچسب های وبلاگ ها را فهرست کنید List all blogs categories and tags

  • همه دسته ها و برچسب های وبلاگ ها را فهرست کنید List all blogs categories and tags

  • وبلاگ ها را بخوانید و حذف کنید Read and delete blogs

  • وبلاگ ها را بخوانید و حذف کنید Read and delete blogs

  • به روز رسانی وبلاگ Blog update

  • به روز رسانی وبلاگ Blog update

  • نمایش عکس وبلاگ Show blog photo

  • نمایش عکس وبلاگ Show blog photo

  • صفحه وبلاگ ها Blogs page

  • صفحه وبلاگ ها Blogs page

  • صفحه وبلاگ های SSR با getInitialProps SSR blogs page with getInitialProps

  • صفحه وبلاگ های SSR با getInitialProps SSR blogs page with getInitialProps

  • نمایش دسته ها و برچسب های وبلاگ Show blog categories and tags

  • نمایش تصویر وبلاگ Show blog image

  • نمایش تصویر وبلاگ Show blog image

  • نمایش همه دسته ها و برچسب ها Show all categories and tags

  • بخش سر سئو برای وبلاگ ها SEO head section for blogs

  • بخش سر سئو برای وبلاگ ها SEO head section for blogs

  • وبلاگ های بیشتری را بارگیری کنید Load more blogs

  • نمایش وبلاگ منفرد Show Single Blog

  • وبلاگ تکی با تصویر و محتوا با عرض کامل Single blog with fullwidth image and content

  • بخش سر وبلاگ واحد برای سئو Single blog head section for SEO

  • بخش سر وبلاگ واحد برای سئو Single blog head section for SEO

وبلاگ Frontend Frontend Blog

  • کد منبع را دانلود کنید Download source code

  • راه اندازی صفحه ایجاد وبلاگ Blog create page setup

  • فرم ایجاد وبلاگ Blog create form

  • دسته‌ها را تغییر دهید، علامت را بردارید Toggle categories check uncheck

  • انتشار وبلاگ Publish blog

  • پیام منتشر شده در وبلاگ Blog published message

  • نمایش دسته ها و برچسب های وبلاگ Show blog categories and tags

  • نمایش همه دسته ها و برچسب ها Show all categories and tags

  • وبلاگ های بیشتری را بارگیری کنید Load more blogs

  • نمایش وبلاگ منفرد Show Single Blog

  • وبلاگ تکی با تصویر و محتوا با عرض کامل Single blog with fullwidth image and content

وبلاگ های مرتبط Related Blogs

  • کد منبع را دانلود کنید Download source code

  • باطن وبلاگ های مرتبط Related blogs backend

  • باطن وبلاگ های مرتبط Related blogs backend

  • پیشانی وبلاگ های مرتبط Related blogs frontend

وبلاگ های مرتبط Related Blogs

  • کد منبع را دانلود کنید Download source code

  • پیشانی وبلاگ های مرتبط Related blogs frontend

به روز رسانی وبلاگ های مدیریت حذف Admin Blogs Update Delete

  • کد منبع را دانلود کنید Download source code

  • لیست وبلاگ ها برای ادمین List of blogs for admin

  • لیست وبلاگ ها برای ادمین List of blogs for admin

  • حذف وبلاگ Delete blog

  • تنظیمات صفحه وبلاگ را به روز کنید Update blog page setup

  • تنظیمات صفحه وبلاگ را به روز کنید Update blog page setup

  • به روز رسانی وبلاگ - محتوا را در ویرایشگر متن غنی پر کنید Update blog - Populate content in rich text editor

  • به روز رسانی وبلاگ - نمایش دسته ها و برچسب های علامت زده شده Update blog - Show checked categories and tags

  • به روز رسانی وبلاگ - نمایش دسته ها و برچسب های علامت زده شده Update blog - Show checked categories and tags

  • به روز رسانی وبلاگ کامل شد Blog update complete

  • به روز رسانی وبلاگ کامل شد Blog update complete

به روز رسانی وبلاگ های مدیریت حذف Admin Blogs Update Delete

  • کد منبع را دانلود کنید Download source code

  • حذف وبلاگ Delete blog

  • به روز رسانی وبلاگ - محتوا را در ویرایشگر متن غنی پر کنید Update blog - Populate content in rich text editor

دسته بندی برچسب ها و سئو Categories Tags and SEO

  • کد منبع را دانلود کنید Download source code

  • صفحه دسته ها و برچسب ها برای سئو Categories and tags page for SEO

  • نمایش دسته‌ها با وبلاگ‌های مرتبط Show categories with associated blogs

  • نمایش دسته‌ها با وبلاگ‌های مرتبط Show categories with associated blogs

  • تکالیف - صفحه برچسب و سئو Homework - Tags page and SEO

  • تکالیف - صفحه برچسب و سئو Homework - Tags page and SEO

  • راه حل - برچسب ها با تمام وبلاگ ها و سئو Solution - Tags with all blogs and SEO

  • راه حل - برچسب ها با تمام وبلاگ ها و سئو Solution - Tags with all blogs and SEO

دسته بندی برچسب ها و سئو Categories Tags and SEO

  • کد منبع را دانلود کنید Download source code

  • صفحه دسته ها و برچسب ها برای سئو Categories and tags page for SEO

جستجوی وبلاگ ها Blogs Search

  • کد منبع را دانلود کنید Download source code

  • بعدی چیه What is next

  • بعدی چیه What is next

  • جستجوی وبلاگ ها باطن Blogs search backend

  • جلوی جستجوی وبلاگ ها Blogs search frontend

  • جلوی جستجوی وبلاگ ها Blogs search frontend

جستجوی وبلاگ ها Blogs Search

  • کد منبع را دانلود کنید Download source code

  • جستجوی وبلاگ ها باطن Blogs search backend

نمایه عمومی کاربر User Public Profile

  • کد منبع را دانلود کنید Download source code

  • باطن نمایه عمومی کاربر User public profile backend

  • تنظیم صفحه نمایه عمومی Public profile page setup

  • صفحه نمایه عمومی کاربر User public profile page

  • برای مشاهده نمایه روی نام نویسنده وبلاگ کلیک کنید Click blog author name to view profile

  • به روز رسانی نمایه کاربر و باطن عکس User profile update and photo backend

  • اقدامات به روز رسانی نمایه و تنظیم صفحه Profile update actions and page setup

  • تنظیم جزء به روز رسانی نمایه Profile update component setup

  • به روز رسانی پروفایل کاربری Update user profile

  • خطاهای به‌روزرسانی نمایه پیام‌های اعتبارسنجی و عکس کاربر Profile update errors validation messages and user photo

  • کاربر را در حافظه محلی به روز کنید Update user in local storage

  • کاربر را در حافظه محلی به روز کنید Update user in local storage

  • به روز رسانی نمایه - مشکلات رفع شد PROFILE UPDATE - ISSUES FIXED

  • به روز رسانی نمایه - مشکلات رفع شد PROFILE UPDATE - ISSUES FIXED

نمایه عمومی کاربر User Public Profile

  • کد منبع را دانلود کنید Download source code

  • باطن نمایه عمومی کاربر User public profile backend

  • تنظیم صفحه نمایه عمومی Public profile page setup

  • صفحه نمایه عمومی کاربر User public profile page

  • برای مشاهده نمایه روی نام نویسنده وبلاگ کلیک کنید Click blog author name to view profile

  • به روز رسانی نمایه کاربر و باطن عکس User profile update and photo backend

  • اقدامات به روز رسانی نمایه و تنظیم صفحه Profile update actions and page setup

  • تنظیم جزء به روز رسانی نمایه Profile update component setup

  • به روز رسانی پروفایل کاربری Update user profile

  • خطاهای به‌روزرسانی نمایه پیام‌های اعتبارسنجی و عکس کاربر Profile update errors validation messages and user photo

ایجاد وبلاگ توسط کاربران تایید شده Creating Blogs by Authenticated Users

  • کد منبع را دانلود کنید Download source code

  • ایجاد وبلاگ برای کاربر auth Blog create for auth user

  • کاربر تأیید اعتبار می تواند وبلاگ ایجاد کند Auth user can create blog

  • کاربر تأیید اعتبار می‌تواند باطن وبلاگ را حذف کند Auth user can update delete blog backend

  • کاربر تأیید اعتبار می‌تواند باطن وبلاگ را حذف کند Auth user can update delete blog backend

  • کاربر تأیید اعتبار می‌تواند صفحه حذفی وبلاگ را به‌روزرسانی کند Auth user can update delete blog frontend

ایجاد وبلاگ توسط کاربران تایید شده Creating Blogs by Authenticated Users

  • کد منبع را دانلود کنید Download source code

  • ایجاد وبلاگ برای کاربر auth Blog create for auth user

  • کاربر تأیید اعتبار می تواند وبلاگ ایجاد کند Auth user can create blog

  • کاربر تأیید اعتبار می‌تواند صفحه حذفی وبلاگ را به‌روزرسانی کند Auth user can update delete blog frontend

انقضای رمز و سیستم اظهار نظر Disqus Token Expiry and Disqus Commenting System

  • کد منبع را دانلود کنید Download source code

  • رسیدگی به انقضای رمز Handling token expiry

  • رسیدگی به انقضای رمز Handling token expiry

  • سیستم نظر دهی DISQUS DISQUS commenting system

  • سیستم نظر دهی DISQUS DISQUS commenting system

انقضای رمز و سیستم اظهار نظر Disqus Token Expiry and Disqus Commenting System

  • کد منبع را دانلود کنید Download source code

ارسال ایمیل با Sendgrid Sending Emails with Sendgrid

  • کد منبع را دانلود کنید Download source code

  • نحوه تغییر از Sendgrid به Nodemailer و Gmail برای ارسال ایمیل (اختیاری) How to switch from Sendgrid to Nodemailer and Gmail to send Emails (OPTIONAL)

  • ارسال ایمیل با Sendgrid قسمت 1 Sending Emails with Sendgrid part 1

  • ارسال ایمیل با Sendgrid قسمت 1 Sending Emails with Sendgrid part 1

  • ارسال ایمیل با Sendgrid قسمت 2 Sending Emails with Sendgrid part 2

  • ارسال ایمیل با Sendgrid قسمت 2 Sending Emails with Sendgrid part 2

  • تماس با نویسنده وبلاگ - Backend Contact blog author - Backend

  • صفحه تماس Contact page

  • صفحه تماس Contact page

  • صفحه تماس - ارسال ایمیل Contact page - sending emails

  • با نویسنده از طریق ایمیل تماس بگیرید Contact author by email

ارسال ایمیل با Sendgrid Sending Emails with Sendgrid

  • کد منبع را دانلود کنید Download source code

  • نحوه تغییر از Sendgrid به Nodemailer و Gmail برای ارسال ایمیل (اختیاری) How to switch from Sendgrid to Nodemailer and Gmail to send Emails (OPTIONAL)

  • تماس با نویسنده وبلاگ - Backend Contact blog author - Backend

  • صفحه تماس - ارسال ایمیل Contact page - sending emails

  • با نویسنده از طریق ایمیل تماس بگیرید Contact author by email

رمز عبور را فراموش کرده و بازنشانی کنید Password Forgot and Reset

  • کد منبع را دانلود کنید Download source code

  • گردش کار رمز عبور را فراموش کرده و بازنشانی کنید Forgot and reset password workflow

  • پسورد رمز عبور را فراموش کرده اید Forgot password backend

  • بازنشانی رمز عبور باطن Reset password backend

  • بازنشانی رمز عبور باطن Reset password backend

  • رمز ورود را فراموش کرده اید Forgot password frontend

  • رمز ورود را فراموش کرده اید Forgot password frontend

  • بازنشانی رمز عبور جلو Reset password frontend

رمز عبور را فراموش کرده و بازنشانی کنید Password Forgot and Reset

  • کد منبع را دانلود کنید Download source code

  • گردش کار رمز عبور را فراموش کرده و بازنشانی کنید Forgot and reset password workflow

  • پسورد رمز عبور را فراموش کرده اید Forgot password backend

  • بازنشانی رمز عبور جلو Reset password frontend

فعال سازی حساب در ثبت نام Account Activation on Signup

  • کد منبع را دانلود کنید Download source code

  • ایمیل فعال سازی حساب پیش ثبت نام Account activation email pre-signup

  • ثبت نام کاربر پس از فعال سازی موفق حساب Signup user after successful account activation

فعال سازی حساب در ثبت نام Account Activation on Signup

  • کد منبع را دانلود کنید Download source code

  • ایمیل فعال سازی حساب پیش ثبت نام Account activation email pre-signup

  • ثبت نام کاربر پس از فعال سازی موفق حساب Signup user after successful account activation

ورود به شبکه اجتماعی با گوگل Social Login with Google

  • کد منبع را دانلود کنید Download source code

  • با Google Backend وارد شوید Login with google backend

  • با Google Backend وارد شوید Login with google backend

  • با google frontend وارد شوید Login with google frontend

  • با google frontend وارد شوید Login with google frontend

ورود به شبکه اجتماعی با گوگل Social Login with Google

  • کد منبع را دانلود کنید Download source code

Google Analytics + Static Page Google Analytics + Static Page

  • کد منبع را دانلود کنید Download source code

  • کد منبع را دانلود کنید Download source code

  • با استفاده از گوگل آنالیتیکس Using Google Analytics

  • با استفاده از گوگل آنالیتیکس Using Google Analytics

  • صفحه اصلی Static Static Home page

  • صفحه اصلی Static Static Home page

Google Analytics + Static Page Google Analytics + Static Page

  • کد منبع را دانلود کنید Download source code

استقرار با Digital Ocean، Cloudflare و موارد دیگر Deployment with Digital Ocean, Cloudflare and more

  • کد منبع را دانلود کنید + ثبت نام در Digital Ocean Download source code + signup to Digital Ocean

  • کد منبع را دانلود کنید + ثبت نام در Digital Ocean Download source code + signup to Digital Ocean

  • شروع کار با Digital Ocean Getting started with Digital Ocean

  • شروع کار با Digital Ocean Getting started with Digital Ocean

  • اجرای باطن و فرانت اند در اقیانوس دیجیتال قسمت 1 Running backend and frontend in digital ocean part 1

  • اجرای باطن و فرانت اند در اقیانوس دیجیتال قسمت 1 Running backend and frontend in digital ocean part 1

  • اجرای باطن و فرانت اند در اقیانوس دیجیتال قسمت 2 Running backend and frontend in digital ocean part 2

  • اجرای باطن و فرانت اند در اقیانوس دیجیتال قسمت 2 Running backend and frontend in digital ocean part 2

  • تست سرور زنده - فرم ثبت نام و تماس Live server test - signup and contact form

  • نحوه نوشتن وبلاگ های سئو - نکات How to write SEO blogs - TIPS

  • نحوه نوشتن وبلاگ های سئو - نکات How to write SEO blogs - TIPS

  • کاربر ادمین در سرور زنده Admin user in live server

  • کاربر ادمین در سرور زنده Admin user in live server

  • ایجاد وبلاگ و به روز رسانی پروفایل در سایت زنده Creating blog and updating profile in live site

  • انتقال تغییرات از پروژه محلی به Github و سرور زنده Pushing changes from local project to Github and live server

  • افزودن نام دامنه Adding domain name

  • با استفاده از Cloudflare CDN و SSL رایگان Using Cloudflare CDN and free SSL

  • با استفاده از Cloudflare CDN و SSL رایگان Using Cloudflare CDN and free SSL

  • به روز رسانی نقاط پایانی پیکربندی برای استفاده از دامنه واقعی Updating config endpoints to use actual domain

استقرار با Digital Ocean، Cloudflare و موارد دیگر Deployment with Digital Ocean, Cloudflare and more

  • تست سرور زنده - فرم ثبت نام و تماس Live server test - signup and contact form

  • ایجاد وبلاگ و به روز رسانی پروفایل در سایت زنده Creating blog and updating profile in live site

  • انتقال تغییرات از پروژه محلی به Github و سرور زنده Pushing changes from local project to Github and live server

  • افزودن نام دامنه Adding domain name

  • به روز رسانی نقاط پایانی پیکربندی برای استفاده از دامنه واقعی Updating config endpoints to use actual domain

بهبودهای اضافی Additional Improvements

  • نقش کاربر و توانایی به روز رسانی ایمیل را محدود کنید Limit user's role and email update ability

  • نقش کاربر و توانایی به روز رسانی ایمیل را محدود کنید Limit user's role and email update ability

بهبودهای اضافی Additional Improvements

جایزه Bonus

  • دوره های دیگری که ممکن است دوست داشته باشید Other courses you may like

  • دوره های دیگری که ممکن است دوست داشته باشید Other courses you may like

  • به سرور Discord من بپیوندید Join my Discord server

  • به سرور Discord من بپیوندید Join my Discord server

جایزه Bonus

نمایش نظرات

آموزش پلتفرم وبلاگ نویسی SEO چند کاربره MERN React Node Next.js
جزییات دوره
20.5 hours
172
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,883
4.7 از 5
ندارد
دارد
دارد
Ryan Dhungel
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar