توضیحات

next.js (نکست جی اس) چیست؟ next.js یکی از فریمورک های کتابخانه react.js هست. فریم ورکی که از react استفاده می کند و تمام برنامه شما (سمت سرور و سمت کلاینت) را برایتان می سازد. این فریم ورک قابلیت های بسیار بیشتری را نسبت به react به شما می دهد در next.js هنوز هم کد react می نویسیم اما با قابلیت های بسیار زیادی که نکست جی اس در اختیار ما قرار میده

پیشنهاد میکنم که اگه قصد دارید پروژه ای را با react.js پیاده سازی کنید آن را با next.js پیاده سازی کنید.

 برای درک و آشنایی بیشتر با next.js حتما ویدیو معرفی و همچنین قسمت های رایگان دوره را مشاهده کنید. این دوره بر اساس آخرین ورژن نکست جی اس یعنی 14 کامل بازتولید شده

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

مباحثی که در این دوره گفته میشود شامل :
آشنایی با next.js

  • آشنایی با next.js
  • ایجاد پروژه next.js
  • آشنایی با فولدرها و فایل های پروژه next.js

مبحث routing

  • آشنایی با سیستم routing
  • آشنایی با layout
  • کامپوننت Link
  • آشنایی با templates
  • آشنایی با metadata
  • آشنایی با هوک usePathname, useRouter, useSearchParams
  • آشنایی با route groups و dynamic routes
  • آشنایی با loading ui و فایل error.js

 styling در next.js

  • global style
  • css modules
  • css-in-js
  • استفاده از sass
  • افزودن فریمورک bootstrap
  • افزودن فریمورک tailwindcss

کامپوننت های Font و Script و Image

  • آشنایی با کامپوننت Font برای افزودن فونت از گوگل و فونت شخصی
  • کامپوننت Script
  • کامپوننت Image

pre-rendering و data fetching

  • آشنایی با pre-rendering
  • سرور و کلاینت کامپوننت ها (server, client components)
  • آشنایی با پکیج json-server
  • data fetching در سرور و کلاینت کامپوننت
  • آشنایی با caching و revalidating
  • آشنایی با server actions
  • آشنایی با useFormStatus و useFormState

مبحث parallel, Intercepting routes

  • آشنایی با parallel routes
  • آشنایی با Intercepting routes
  • مثال از parallel, Intercepting routes

مبحث route handler و middleware

  • آشنایی با route handler
  • استفاده از cookies , headers , request body
  • آشنایی با middleware

Authentication یا احراز هویت

  • آشنایی با Token-Based Authentication
  • توضیح و اجرای پروژه api
  • ایجاد هدر پروژه
  • ایجاد صفحه register و استفاده از پکیج react-toastify
  • register یا عضویت کاربر
  • login یا ورود کاربر و ذخیره توکن در cookie
  • ایجاد authentication context
  • بررسی احراز هویت کاربر
  • logout یا خروج کاربر
  • نمایش پست های پروژه و middleware

 

دوره پیشنهادی، بعد از گذراندن این دوره :

پیش نیاز این دوره :


طراحی وب javascript جاوااسکریپت react ری اکت next.js نکست جی اس next.js v12 next.js v13 نکست جی اس ورژن 12 نکست جی اس ورژن 13 نکست جی اس ورژن 14 next.js v14

مدرس دوره علی شیخ
مدت دوره 24:41:33
تعداد ویدیو 128

وضعیت دوره : کامل شده
قیمت دوره : 599,000 539,000 تومان
% 10 تخفیف

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

    • سلام وقت بخیر.
      تغییرات جزیی هست و نیازی به باز تولید نیست و شاید کلا یک جلسه براش در نظر گرفته بشه
      ورژن 14 چون تغییرات زیاد بود و مبحث جدید app router را داشته کلا باز تولید شده
      لینک داکیومنت هم قرار میدم.

      https://nextjs.org/docs/app/building-your-application/upgrading/version-15

  • سلام خسته نباشید.من توی بخش پروژه ميخوام mysql رو باز کنم اررور ميده و بالا نمياد در حالي که ديروز اوکي بود.

    
    
    mysqli::real_connect(): (HY000/1130): Host 'localhost' is not allowed to connect to this MariaDB server
    Connection for controluser as defined in your configuration failed.
    mysqli::real_connect(): (HY000/1130): Host 'localhost' is not allowed to connect to this MariaDB server
    phpMyAdmin tried to connect to the MySQL server, and the server rejected the connection. You should check the host, username and password in your configuration and make sure that they correspond to the information given by the administrator of the MySQL server.

    • سلام وقت بخیر.
      چک کنید که xampp استارت باشه و از طریق phpmyadmin واد بشید.
      متن ارور هم میگه localhost اجازه دسترسی نداره و این موضوع را نیازه سرچ کنید.

  • سلام و احترام
    استاد واقعا ازتون صمیمانه ممنونم بابت این اموزش بی نظیری که درست کردین بابت تمام دوره های که داخل سایت گذاشتین ازتون ممنونم واقعا همه اموزش ها هم زمانش و مطالبش عالی هست ..
    یک مشورت داشتم استاد..
    من بک اند جنگو بلدم با drf به نظرتون با جنگو api های دوره پروژه محور next می تونم باز نویسی کنم از روی لاراول ..اکسپورت فایل تست api های postman دارید؟ چون میخوام خودم اول بک اندش بنویسم ..
    همچنین اگر امکانش هست استاد دوره node و orm drizzle-postgresql به همراه next auth برای بک اند next توی یک دوره جدا درست کنید واقعا لطف می کنید چون پروژه های فریلنسری خیلی رفته این سمت..
    امیدوارم بتونم تمام زحماتتون جبران کنم سپاس

    • سلام وقت بخیر.
      ممنون از شما، پیشنهاد و حمایتتون
      خداروشکر دوره براتون مفید بوده
      دوره فروشگاهی با next.js فایل مربوط به endpoint ها که با پست من هست قرار گرفته در جلسه مربوطش
      توی این دوره کلا با خوده next کار میشه و فقط برای بخش احرازهویت برای api ما از لاراول استفاده کردیم.

  • سلام استاد تا اینجای دوره یعنی بازتولید دوره خیلی خوب بوده اما چند زبانه کردن یا Internationalization رو تدریس نکردید لطفا این مهم رو هم تدریس کنید

  • سلام استاد وقت بخیر
    من به تازگی دوره ریکت رو تموم کردم و قصد دارم نکست رو یادبگیرم
    الان اول باید ورژن ۱۲ و ۱۳ رو یادبگیرم بعد برم سراغ بازتولید کامل ورژن ۱۴
    یا اینکه همین ورژن ۱۴ رو ببینم کافیه؟

    • سلام وقت بخیر.
      ورژن ۱۴ را ببینید کافیه چون دوره بر اساس ورژن ۱۴ کامل بازتولید شده
      توی ویدیو معرفی دوره هم گفته شده

  • سلام استاد، وقتتون بخیر.
    خیلی ممنون از دوره خوب و بروزتون، تمام قسمت‌های این دوره رو در عرض دو هفته دیدم و خیلی برام مفید بود. ممنون میشم نحوه دیپلوی پروژه nextیی که همراه به سروس لاراولی هست رو به هاست‌هایی مثل لایرا به دوره اضافه کنید.
    با سپاس فراوان

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون
      خداروشکر دوره براتون مفید بوده
      در خصوص دپلوی توی دوره فروشگاهی نکست جی اس صحبت شده

  • سلام ببخشید استاد الان من برای شروع لازم هستش که حتما react رو یاد بگیرم بعد بیام سراغ این دوره یا امکانش هست از همین دوره شروع کنم ؟ منظورم اینه که وقت بزارم روی دوره react یا بهتره که اینکار رو نکنم؟

    • سلام وقت بخیر.
      ببینید نکست جی اس فریمورک react هست و در سطح بالای قرار داره و از react استفاده میکنه پس طبیعتا شما در قدم اول باید با react و مخصوصا پیش نیاز هاش به خوبی آشنا باشید و بعد بیاید سراغ این دوره

  • درود وقت بخیر
    من میخام این دوره رو تهیه کنم ، با توجه به اینکه next 14 اومده و تغییرات زیادی برای routing و یه سری مسایل داشته - میخوام ببینم آیا اپدیت میکنید این دوره رو یا دوره جدید قرار میدید براش ؟

    • سلام وقت بخیر.
      موضوعی که میفرماید برای ورژن 13 بوده که توی آپدیت اضافه شده و در 14 مبحث server action بصورت stable شده

  • سلام
    استاد با یادگیری mongo میتونیم مستقیما تمام api ها که نیاز هست رو داخل نکست بنویسیم و مستقیم با دیتابیس در ارتباط باشیم و دیگه نیازی به نوشتن کدهای api با نود نداشته باشیم؟؟

    • سلام وقت بخیر.
      بله، با یادگیری orm های مانند prisma میتونید از هر دیتابیسی استفاده کنید. در مورد prisma توی دوره ای nest.js صحبت کردیم.

    • سلام وقت بخیر.
      توی ویدیو معرفی دوره توضیح داده شده
      در کل بله، طبیعتا هر ورژنی که میاد و stable بشه میتوانید ازش استفاده کنید.

  • سلام استاد, من طبق گفته شما با @ ورژن 12.1.6 رو سعی میکنم نصب کنم ولی در نهایت آخرین ورژن next نصب میشه. ایرادی نداره؟ هر پکیج دیگه ای رو با استفاده از @ میتونم به ورژن دلخواه نصب کنم ولی نمی دونم چرا نکست این طوری نیست!

    • سلام وقت بخیر.
      چه ورژنی دقیقا نصب میشه براتون، 13 یا 12
      در کل مشکلی نیست

    • بعد از زدن دستور و نصب که الان براتون ورژن 13.3.2 نصب شده، وارد پروژه بشید و دستور

      npm i next@12.1.0 react@17.0.2 react-dom@17.0.2

      را بزنید که از نسخه 12 استفاده کنید.
      بزودی این دوره آپدیت میشه و در مورد ورژن 13 نکست هم صحبت میشه

    • سلام وقت بخیر.
      توی تا کامنت پایین تر توضیح داده شده که تغییرات مهم و اساسی توی ورژن ۱۳ هنوز beta هست و انشاا... زمانیکه stable بشه، دوره را آپدیت میکنیم

    • سلام وقت بخیر.
      جلسه 10 و 51 دوره آپدیت شده و توضیحات در انتهای ویدیو داده شده، اگه توی ویدیو شما نیست یکبار دیگه این دو قسمت را دانلود کنید.

  • سلام و احترام
    ممنون بابت دوره خوبتون ایا دوره را هم اپدیت میکنید چون دوره next ورژن ۱۲.۱ داشتید توی ویدیو معرفی توضیح می دادین الان ورژن ۱۳.۲ هست چون اپدیت بودن دوره ها از همه چی مهم تر هست؟؟

    • سلام وقت بخیر.
      تغییرات مهم و اساسی توی ورژن 3 هنوز beta هست و انشاا... زمانیکه stable بشه، دوره را آپدیت میکنیم

    • سلام وقت بخیر.
      به دریافت توکن که یک رشته هست و فرمت خاصی نداره از سرور و ارسال به سرور در درخواست های مورد نیاز توی بخش احراز هویت صحبت شده، در مورد مبحث api صحبت شده اما اگه منظورتون اینکه دیتابیس ایجاد بشه توی نکست برای api، خارج از این دوره هست و نیازه با ORM های مانند prisma آشنا باشید که در موردش توی دوره ای nest.js صحبت شده