telegram

توضیحات

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 تخفیف
ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

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

دوره های آموزشی
آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js)
درحال برگزاری
% 10 تخفیف

آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js)

بعد از دوره آموزش نکست (next.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربردی...

799,000 719,000 تومان
35:52:53
آموزش HTML5 & CSS3 پروژه محور
کامل شده

آموزش HTML5 & CSS3 پروژه محور

برای اینکه وارد دنیای طراحی وب شوید اولین چیزی که باید با آن آشنا شوید HTML است، HTML یک زبانه نشانگذاری برای ایجاد وبسا...

رایگان
04:51:23
آموزش jQuery پروژه محور
کامل شده
% 10 تخفیف

آموزش jQuery پروژه محور

آموزش jQuery به همراه 4 پروژه. jQuery یک کتابخانه برای جاوا اسکریپت است. منظور از کتابخانه مجموعه کدهایی است که در یکجا...

99,000 89,000 تومان
04:30:09
آموزش PHP و MySQL پروژه محور
کامل شده

آموزش PHP و MySQL پروژه محور

آموزش PHP و MySQL به همراه پروژه وبلاگ. PHP یک زبان برنامه نویسی است که میتوانیم با استفاده از آن اقدام به ساخت صفحات و...

رایگان
07:50:58

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

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

  • YounesFallahi

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

    • علی شیخ

      3 هفته پیش

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

  • javad hashemzadeh

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

    • علی شیخ

      3 هفته پیش

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

  • aaty

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

    • علی شیخ

      2 ماه پیش

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

  • bamdadmeh

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

    • علی شیخ

      5 ماه پیش

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

  • mohamad mirzaei

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

    • علی شیخ

      10 ماه پیش

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

    • علی شیخ

      11 ماه پیش

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

  • amir mohazab

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

    • علی شیخ

      1 سال پیش

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

    • علی شیخ

      12 ماه پیش

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

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

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

    • علی شیخ

      1 سال پیش

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

    • علی شیخ

      1 سال پیش

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

  • Amirreza Foshati

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

    • علی شیخ

      1 سال پیش

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

    • علی شیخ

      1 سال پیش

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

    • علی شیخ

      1 سال پیش

      سلام وقت بخیر.
      توی کامنت پایین پاسخ داده شده!! در حال حاضر نسخه beta هست، stable شد انشاا... در قالب قسمت به دوره اضافه میکنیم.

  • ghasemi

    استاد گرامی وقت بخیر
    در دوره nestjs توضیحات بسیار عالی و کاملی در خصوص استفاده از prisma و دیتا بیس PostgreSQL ارائه شده است ولی متاسفانه در دوره next.js ارائه نشده است خواهشمند است اگر امکان داره موارد فوق را و همچنین یک ویدئو برای ارتباط با mssql server به این دوره اضافه کنید واگر نیاز به پرداخت مابه التفاوت هست نیز اطلاع رسانی کنید چون در این حالت دوره next.js نیز کامل تر ارائه می گردد
    با تشکر از جنابعالی که در امر آموزش فعال هستید

    • علی شیخ

      1 سال پیش

      سلام وقت بخیر.
      ببینید nest.js یک فریمورک بک اندی هست ولی next.js مربوط به فرانت اند و دوتا موضوع جدا هست. درسته توی next هم میشه کد بک اندی نوشت بخاطر اینکه داره از node استفاده میکنه، اما هدف و کار اصلیش فرانت اند هست. بازم علاقه مند باشید میتوانید در مورد prisma مطالعه و توی next استفاده کنید.

  • ghasemi

    با سلام در خصوص سوالی که از استاد گرامی مطرح کردم جنابعالی آموزش کاملی از مای اس کیو ال و لاراول در بک در چندین قسمت به شکلی عالی ارائه نموده اید
    ولی من می خواستم فرانت اند و بک اند کلا با nextjs باشد و بانک اطلاعاتی با sql
    و در عین حال امنیت نیز تامین باشه
    با تشکر

    • علی شیخ

      1 سال پیش

      سلام وقت بخیر.
      ممنون از شما، شما میتوانید از ORM ها node.js مانند prisma استفاده کنید که دیتابیس های مختلفی را ساپورت میکنه

    • علی شیخ

      2 سال پیش

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

  • pourianz

    سلام استاد.خسته نباشید. یک سوالی در مورد نحوه استفاده از bootstrap داشتم.
    درون ری اکت از react-bootstrap استفاده میکنن تادسترسی مستقیم به دام نداشته باشیم تا پرفورمنس آسیب نبینه .ولی درون next از فایل js آن استفاده شده که دسترسی مستقیم به دام محسوب میشه. دلیل این قضیه چیست؟ با این حساب پس میتوانیم از document برای سلکت کردن المان های اچ تی ام ال توی next استفاده کرد؟!من گیج شدم یک مقداری

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      بوت استرپ در نسخه ۵ دیگه از jquery استفاده نمیکنه و جاوااسکریپت خام هست و تداخلی با ری اکت نداره، اما در کل بهتره که کارهای موردنظرتون که قراره با js انجام بشه با ری اکت انجام بشه
      توی نکست در سمت فرانت هم ما ری اکت را داریم و تفاوتی نداره
      توی خوده ری اکت هم شما میتوانید از document استفاده کنید داخل useEffect و یا از ref استفاده کنید.