توضیحات

بعد از دوره آموزش نکست (next.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربردی، بهتر نکست جی اس را یاد بگیرید تا بتوانید پروژه های مد نظر خودتون را پیاده سازی کنید.
ما توی این دوره یک فروشگاه اینترنتی با موضوع فست فود و با نکست جی اس ورژن 14 ایجاد میکنیم که شامل بخش های مختلف هست. اما هدف از این پروژه، یادگیری بخش های مختلفی هست که توی وبسایت ها استفاده میشه نه، صرفا فقط ایجاد یک وبسایت فروشگاهی.به عنوان مثال سیستم احراز هویت که در این دوره یاد میگیریم را شما میتونید توی پروژه های مختلف دیگه استفاده کنید.پس پروژه فروشگاهی یک مثال هست تا شما بخش های مختلف را یادبگیرید وبا آن پروژه های مدنظر خودتون را ایجاد کنید.در این دوره پنل ادمین و همچنین deploy یا آپلود پروژه در سرور هم توضیح داده میشود.

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

  • توضیح و اجرای پروژه api (ایجاد شده با لاراول)
  • توضیح endpoint های api
  • توضیح بخش های قالب اصلی
  • ایجاد هدر و بخش ویژگی ها
  • بخش منو محصولات صفحه ای اصلی
  • افزودن نقشه (map)
  • ایجاد صفحه ای تک (single) محصول
  • ایجاد صفحه ای منو menu (فیلتر محصولات)
  • احراز هویت به روش OTP (ارسال SMS)
  • ایجاد بخش پروفایل کاربر شامل اطلاعات، آدرس ها، سفارشات و تراکنش های کاربر
  • افزودن تقویم شمسی یا جلالی
  • سبد خرید با redux
  • ایجاد کد تخفیف
  • درگاه پرداخت
  • پنل ادمین
  • افزودن نمودار (chart)
  • قرار دادن پروژه در سرور(deploy)
  • و ....

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


javascript جاوا اسکریپت جاوااسکریپت فروشگاه_اینترنتی react ری اکت next.js نکست جی اس نکست جی اس ورژن 14 next.js v14

مدرس دوره علی شیخ
مدت دوره 28:13:57
تعداد ویدیو 127

وضعیت دوره : درحال برگزاری
قیمت دوره : 799,000 679,000 تومان
% 15 تخفیف

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

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

  • سلام استاد
    من این دوره همین الان خریدم چون دوره نکست 14 رو دارم می بینم و انقدر فوق العاده تدریس می کنید که دوره فروشگاه رو هم با اطمینان تهیه کردم که مکمل دوره قبلی باشه

    یه سوالی داشتم
    این دوره ادامه داره یا تموم شده؟ چون با نسخه 12اش مقایسه می کنم خیلی از فصل ها نیستن

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

  • سلام جناب شیخ
    تو post man توکن رو در قسمت مربوط وارد می کنم و متد get رو انتخاب میکنم خطای 500 میده و هر کاری کردم حل نشد امکان داره راهنمایی بفرمایید

    • سلام وقت بخیر.
      اگه کلا درخواست ها ارور داره چک کنید که سرورتون اجرا باشه
      همچنین لطف کنید زیر قسمت مربوطه کامنت کنید تا متوجه بشیم در خواست برای کدام endpoint بوده

    • سلام مجدد جناب شیخ عزیز
      سرور ران میشه مثلا قسمت شماره موبایل و پروفایل ایجاد آدرس و ویرایش درست کار می کنه و درخواست رو میفرسته
      ولی قسمت سفارشات خطا سرور میده و در کل زمانی که توکن رو در قسمت مشخص شده در post man وارد می کنم برای همه endpoint ها خطای 500 از سرور میده و مشکل همچنان پابرجا هست .
      محبت کنید راهنمایی کنید برای رفع این مشکل چیکار کنم؟
      ممنونم

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

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

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

  • سلام اقای شیخ
    در قسمت فرم لاگین با شماره همراه طبق مثال شما زمانی `` createcontext` میکنیم و provider رو در _app.js قرار می دیم صفحه سایت کلا سفید میشه و دیگه هیچی نمایش داده نمیشه لطفا بفرمایید برای حل این مشکل چیکار کنم؟؟؟

    • سلام وقت بخیر.
      باید ببینید توی console چه اروری دارید؟ یا مقادیر و دیتا ها را قدم به قدم لاگ بگیرید.

  • سلام استاد
    بنده کد زیر رو می نویسم

    
    
    export async function getServerSideProps() {
    const res =await fetch("http://localhost:8000/api/products/products-tabs");
    const data= await res.json();
    console.log(data);
    return{
    props:{data}
    }

    }

    پروژه لاراول هم اجرا هست و با postman تست می کنم مشکلی نداره ولی در نکست پیغام خطا میده
    با دستور axios طبق اموزش عمل کردم نشد.
    Server Error
    TypeError: fetch failed
    جالب اینجا است که api دیگه ای با همین کد درخواست می کنم بدون خطا اجرا میشه
    لطفا راهنمایی بفرمایید؟

    • سلام وقت بخیر.
      ورژن node را روی 16 قرار بدید در ورژن بالاتر درخواست به لوکال نمیزنه، احتمالا مشکل این باشه

      لطف کنید توی کامنت ها، کدها و یا متن های ارور را بین سه عدد بک تیک قرار و همچنین زیر قسمت مربوطه کامنت کنید.

    • ببخشید استاد ورژن من 13.5 هست متوجه منظورتون نشدم دقیق تر راهنمایی بفرمایید؟؟
      سپاسگزارم

    • سلام وقت بخیر.
      والا مشکلش با صفحه products هست که میگه حذف شده توی client-side این صفحه را با سورس کدی که در اختیارتون هست مقایسه کنید.

    • سلام وقت بخیر.
      دلیل خاصی نداره، تمرکز دوره روی next.js هست و اگه قراره در بک اند هم api نویسی بشه که نیاز به دانش دیتابیس و حالا استفاده از ORM های node.js و ...

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

  • سلام استاد وقتتون بخیر
    ببخشید من وقتی به endpoint سفارشات درخواست میفرستم با چنین ارورر مواجه میشومAttempt to read property "title" on null
    وفقط همین یک endpoint اینطوریه بقیه کار میکنند

    • سلام وقت بخیر.
      لطف کنید کامنت های زیر قسمت مربوطه سوالاتون را مطالعه کنید. بازم اگه سوالی بود زیر همون قسمت کامنت کنید.

  • استاد چیکار کنیم وقتی به این ادرس بشه درخواست زد:
    https://api.webprog-projects-js.ir/api/products/products-tabs
    یعنی به همون دامنه ایی که خودتون دیپلوی کردین رو cpanel بشه درخاست زد

    • سلام وقت بخیر.
      در مورد deploy در انتهای دوره صحبت شده و نیازه که api خودتون را deploy کنید.

  • سلام استاد
    من تا پنل ادمین رو با next13 منطبق با آموزشی که داده بودین رو زدم و خیلی لذت بخش بود برام و ترسی که از کار با نکست داشتم برطرف شد.
    جا داره ازتون تشکر کنم بابت دوره ی آموزشی نکست و این دوره ی فروشگاهی نکست که بسیار عالی بود و چیزای زیادی یادگرفتم ازتون.
    در دوره ی پروژه ی فروشگاهی کار با api و postman خیلی خوب گفته شده و کار با api تو این دوره به نظرم کامل درک میشه.
    از کانتکست و ریداکس باهم استفاده کردید که خیلی خوب بود.
    و ویژگی خیلی خوب دوره اینه که قبل از اینکه کد بزنید اول الگوریتم رو توضیح میدید که این عالیه
    باز هم ممنون از زحماتتون

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

    • سلام وقت بخیر.
      والا باید دیباگ کرد،با پست من تست بشه بعد مرحله به مرحله چک و لاگ گرفتا بشه توی پروژه. با سورس کدی که در اختیارتون هست هم مقایسه کنید.

  • سلام استاد من به دلایلی کمی عجله دارم
    به نظرتون اگه پروژه رو تا قسمت ۵۳(ینی ابتدای توسعه ی پنل ادمین) انجامش بدم و کدهاشو براساس next 13 بزنم میتونم به عنوان نمونه کار ازش استفاده کنم؟؟
    ایا تا این قسمت درک مفاهیم نکست به اندازه ی کافی صورت میگیره؟؟

    • سلام وقت بخیر.
      اگه پیش نیازها را کار کرده باشید، بله
      تمام مواردی که توی اکثر پروژه ها هست توی این پروژه پیاده سازی شده حالا چه با ورژن 12 چه با ورژن 13

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

  • سلام
    استاد میتونیم دوره رو نگاه کنیم و کد ها رو خودمون بر اساس نکست 13 بزنیم؟؟
    چون معلوم نیست کی server action کی stable بشه و آپدیت دوره فعلا زمانش مشخص نیست

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

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