توضیحات

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

مواردی که در این پروژه یاد میگیریم:

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

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


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

مدرس دوره علی شیخ
مدت دوره 19:19:10
تعداد ویدیو 87

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

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

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

  • با درود
    من بعد از پیاده سازی بخش مربوط به مرتب سازی در منو به یک موردی برخوردم.
    این طوری که اول فیلترها رو اعمال کردم و نتیجه رو گرفتم، بعد برای این که محصولات رو به حالت اولیه برگردونم روی لینک منو از آدرس های بالا کلیک کردم اما با اینکه لینک در مرورگر به localhost:3000/menu تغییر کرد ولی محصولات به حالت اولیه برنگشت.
    سوالم اینکه چرا getServerSideProps بعد از کلیک روی لینک منو اجرا نشد تا محصولات به حالت اولیه برگردد. توی کامپوننت Link حالت shallow غیرفعال است.
    یا یه طوره دیگه بپرسم. getServerSideProps زمانی اجرا میشه که کامپوننت صفحه از حالت Unmount به Mount تغییر کنه؟

    • سلام وقت بخیر.
      طبق داکیومنت توی دو حالت اجرا میشه، یکی زمانیکه مستقیما اون route را صدا بزنید و توی url مرورگر وارد کنید و دومی زمانیکه توی فرانت بین صفحات با next/link و یا next/route جابجا بشید. توی مثال شما، بین دوتا صفحه مختلف transitions یا جابجای نشده و اجرا نمیشه

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

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

  • سلام
    ممنون از آموزش خوبتون. ی مشکلی دارم زمانی که با پست من میخوام endpoint لاگین رو تست کنم ارور cors بهم میده. چطور میتونم این مشکل رو برطرف کنم؟
    CORS Error: The request has been blocked because of the CORS policy

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

    • اگه سرور api در حال اجرا باشه نباید مشکلی داشته باشه
      یکبار دیگه مراحل اجرای api پروژه را مشاهده و تست کنید که اوکی هست و اگه هنوز مشکل داشتید توی تلگرام وب پروگ پیام بدید.

  • سلام وقت بخیر
    یه سوالی برام پیش اومده این که وقتی بک سایت مثلا با لاراول زده شده یا مثلا asp core بعد توی پروژه نکست از api استفاده میکنیم,هنوز server-side rendering و pre-redering کار میکنه؟
    یا وقت زمانی بک سایت node باشه SSR کار میکنه؟

    • سلام وقت بخیر.
      بله همچنان هست و این موضوع مربوط به نکست هست که دیتا را میگیره از api و بصورت ssr پاس میده به کلاینت، برای درک بهتر باید دوره های نکست را مشاهده کنید، کامل اونجا در موردش صحبت شده

  • سلام ممنون از آموزش های خوبتون
    تو این آموزش از کتابخانه های مختلفی استفاده می کنین
    ممکنه یه توضیحی بدین که چه طور اینها رو پیدا می فرمایید؟

    • سلام وقت بخیر.
      کافیه سرچ کنید کاری که مدنظرتون هست را و داکیومنت پکیج های مختلف را مشاهده کنید و انتخاب کنید.
      شما که این دوره را میبینید و پیش نیاز های دوره ها را کار کرده باشید یعنی توی سطح مناسبی هستید و سرچ ‌کردن و خواندن داکیومنت باید براتون ساده باشه

  • سلام وقت بخیر
    آیا برای شرکتها فرقی میکنه پروژه هاشون با نکست نوشنه باشه یا ریکت ؟ منظورم اینه که وقتی با نکست راحتتر می شود پروژه را جلو برد ، ایا ممکنه یه شرکت اصرار به نوشتن با ریکت داشته باشه . اگر جوابتون اره است لطفا یه توضیح بدید
    دوم اینکه پیشنهاد می کنم یک پروژه فول استک هم آموزش بدین نکست با php .

    • سلام وقت بخیر.
      ممکنه شرکتی با ری اکت پروژه را زده باشه و بخواد با اون جلو بره و درآینده بیاد روی نکست و یا ممکنه از همون اول با نکست پیاده سازی بشه، توی نکست شما از ری اکت استفاده میکنید.
      ممنون از پیشنهادتون، دوره های بک اند جدا هست.

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