توضیحات

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

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

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

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


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

مدرس دوره علی شیخ
مدت دوره 35:52:53
تعداد ویدیو 166

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

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

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

  • سلام استاد
    پیرو دیدگاه قبلی که نوشته بودم کلیه مراحل برای ارسال اس ام اس رو که در ویدیو گفته بودیم رو طی کردم اما اس ام اس دریافت نکردم تیکت زدم به قاصدک و جوابی که دریافت کردم این بود:
    "درود روزخوش یک پیام تست با موفقیت به شماره ***********ارسال گردید. لطفا Api key جدیدی تعریف نموده و محدودیت هزینه برای آن اعمال نفرمایید. اعمال محدودیت هزینه جهت کنترل هزینه ها می باشد. خطای 9 مربوط به اعتبار شارژ پنل می باشد که با عدم تعریف محدودیت هزینه، این پیام تنها به دلیل کمبود اعتبار پنل، نمایش داده خواهد شد."

    Api-key جدید ثبت کردم طبق توضیحاشون و مشکل رفع شد.

    نکته ای که هست شما تو ویدیو زمانی که دارید این بخش رو توضیح میدین تیک اعمال هزینه ها رو میزنین و در حالی که نباید برای سرویس رایگان اعمال شه
    این توضیحات رو برای بهتر شدن گفتم چون زیاد از شما و وبراگ یاد گرفتم
    اگر صلاح میدونید ویدیو این بخش رو اصلاح کنید

    ممنون از آموزش های خوبتون
    پایدار باشید

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

  • سلام
    سوالی که داشتم اینکه آیا میشه پنل ادمین رو چون seo مهم نیست کلا با ریکت زد و گذاشت توی ساب دامین پروژه اصلی ؟ یعنی فقط قسمت صفحات اصلی سایت با نکست زده شده باشه

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

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

  • Error: Error serializing `.error` returned from `getServerSideProps` in "/".
    Reason: `object` ("[object Object]") cannot be serialized as JSON. Please only return JSON serializable data types
    این ارور میده هرچی تو گوگل میزنم چیز خواستی نمیاره

    • سلام وقت بخیر.
      ارور میگه که شما دارید آرایه پاس میدید و باید لاگ بگیرید و بررسی کنید مقداری که دارید return میکنید. با سورس کدی که در اختیارتون هست مقایسه کنید.

    • عجیب این جاست که کد خود تون قسمت ۱۹ فقط ی npm i بعد ران میکنم این ارور میده

    • ورژن node شما چند هست؟
      توی حالت های قبل هم این ارور را داشتید؟ ورژن 16 از node هم تست کنید و اطلاع بدید.

  • با درود
    من بعد از پیاده سازی بخش مربوط به مرتب سازی در منو به یک موردی برخوردم.
    این طوری که اول فیلترها رو اعمال کردم و نتیجه رو گرفتم، بعد برای این که محصولات رو به حالت اولیه برگردونم روی لینک منو از آدرس های بالا کلیک کردم اما با اینکه لینک در مرورگر به 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 .

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

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