توضیحات

بعد از دوره آموزش نکست (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 تخفیف

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

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

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

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

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

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

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

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

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

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

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

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

  • بنده برای اهراز هویت با otp دقیقا همون کد ها و فایل بندی خودتون رو میزنم اما زمانی که میزنم شماره ثبت بشه و بره برای فرستادن otp بهم این ارور رو میده ::::::::::::::: POST http://localhost:3000/api/auth/login 422 (Unprocessable Entity)

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

  • مهندس جان، سورس کد پروژه هم دوباره ایمپورت کردم و درست نشد
    طبق بررسی که کردم کلا درگاه pay.ir منحل شده
    درگاه دیگه ای جایگزین واسه پروژه ها می کنید؟

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

  • سلام
    وقتی روی گزینه پرداخت کلیک میکنم، با ارور
    Attempt to read property "status" on null مواجه میشم
    با اینکه توی فایل دات env ادرس رو روی لوکال هاست بردم
    مشکل چیه؟

    • سلام وقت بخیر.
      ببینید باید دیباگ بشه، اول با پست من تست بشه که مشکل از api هست یا خیر که به احتمال زیاد هست.
      و بعد دیتابیس بررسی بشه
      اگه مشکل از این موارد باشه، میتوانید دیتابیسی که توی سورس کد هست را دوباره import کنید.

  • داخل postman زمانی که میخوام از endpoint ها استفاده کنم روی لوکال با دیتابیس mysql همچین اروری میگیرم روی windows 11:::::
    "message": "could not find driver (SQL: select * from `categories` where `categories`.`deleted_at` is null)",

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

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

    • سلام وقت بخیر.
      اگه از سروری که تو دوره استفاده شده که با اجرای پروژه دستور npm i اجرا میشه و پوشه node_modules ساخته و بعد دستور npm build و start زده میشه
      اگه توی این کار مشکلی هست تیکت بزنید به هاست

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

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

  • سلام اقای شیخ وقتتون بخیر ,
    از نظر شما برای زدن داشبوردها با توجه به اینکه نیاز به سئو نیست استفاده از next درسته ؟ و اینکه به طور کلی کسی که next رو بلده کار درستیه که کلا بیاد تو همه پروژه های ری اکتی از نکست استفاده کنه ؟ بخاطر بحث روت بندی ها و … که نکست خیلی کارها رو تسهیل میکنه

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

  • سلام اقای شیخ وقتتون بخیر با توجه به راحتی و سهولت redux toolkit میخواستم بدونم چرا تو پروژه دوره ازش استفاده نشده . تو دوره react & redux هم چیزی ازش گقته نشده

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