توضیحات

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

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

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

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


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

مدرس دوره علی شیخ
مدت دوره 36:41:55
تعداد ویدیو 170

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

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

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

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

  • سلام استاد
    من در قسمت پنل ادمین زمانی که توکن کاربر برای {{baseUrl}}/admin-panel/transactions/chart میفرستم با خطا 500 روبرو میشم همین api این خطا رو داره و قسمت های دیگه اکی هستن.

    "message": "Undefined variable $result",
    
    "exception": "ErrorException",
    laravel-api\\app\\Http\\Controllers\\TransactionController.php",
    "line": 51,

    من لاراول کار نکردم و نمیدونم منظور این خطا چیه و باید چجوری رفع کنم

    • سلام وقت بخیر.
      ارور میگه که متغیر result را نمیشناسه توی مسیر و لاین خطی که نوشته و نباید مشکلی باشه
      یکبار دیگه دیتابیسی که در اختیارتون هست را import و تست کنید.

  • سلام

    سوالی که داشتم مگر NextJs یک فریمورک فول استک نیست، چرا بک اند پروژه با لاراول طراحی شده است؟
    (دانش لاراول رو دارم ولی تا بحال با next کار نکردم ولی تا جایی که جستجو کردم و متوجه شدم یک فریمورک فول استک مبتنی برای کتابخانه react) برای همین اینکه لاراول در طراحی بک اند پروژه استفاده شده من رو کمی گیج کرده
    با تشکر

    • سلام وقت بخیر.
      فرانت و بک اند دوتا موضوع جدا هستند و فرانت در سمت js نیاز به api داره حالا این api خارجی هست با هر زبان یا فریمورکی و یا با خوده next.js هم میشه پیاده سازی کرد ولی خب نیاز به orm و دیتابیس، ... و دانش آنها هم هست. بازم برای درک بهتر باید با دوره های فرانت مانند react و next آشنا باشید. انشاا.. اگه درخواست زیاد باشه در آینده در خصوص api نویسی با next.js هم دوره های قرار میدیم.

  • درود بر شما جناب شیخ
    با تشکر از اموزش پروژه next.js 14
    بارگزاری پروژه روی هاست آیا با ورژن 12 که اموزشش هست یکی میباشد یا تفاوت کرده
    اگر یکی است همون اموزش ها را یاد بگیریم

  • سلام وعرض ادب :
    بنده چندتا سوال دارم خدمتتون .
    1 - من قبلا با بوت استرپ کار میکردم و الان 2 ساله رفتم سمت تیلویند ، آیا توی طراحی مشکلی پیش میاد ؟
    2 - من هیچ آشنایی با لاراول ندارم ، آیا دانش لاراول نیازه؟
    3-من یه هاست نود جی اس دارم آیا میتونم این سایت رو روی هاست نود جی اس آپلود کنم؟
    با تشکر از شما

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

  • سلام خسته نباشید
    ببخشید چند سوال داشتم
    1- ایا دوره مشابه دیوار با همه امکانات فعلی دیوار یا دوره مشابه دیجی کالا با همه امکانات دیجی کالا منظورم همه امکانات فعلی این سایت هاست دارید

    2- دیپلوی کردن ایا در سرور واقعی یا هاست واقعی برای دوره نکست جی اس دارید یا بهتر بگویم ساخت دیتا بیس منگو دی بی دارید که بر روی هاست واقعی یا سرور واقعی باشه
    من یک دوره ای قبلا گرفتم که بر روی لیارا دیتا بیس رو ساخت یا کلا برای تست باشه قبول روی پست من یا سوداگر باشه اما برای دنیای واقعی همه چیز باید روی سرور واقعی یا هاست واقعی ران بشه ایا این ها در دوره های شما هست

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

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

    با تشکر از شما

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

  • سلام و خسته نباشید خدمت شما جسارتا من دوره فروشگاه اینترتنی با لاراول پروژه کلی که داشت رو دیدم و خواستم با next.js هم پروژه ای که میسازید مثل همون هست دقیقا؟؟یا تفاوت داره پروژه ها؟

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

  • درود بر شما و خدا قوت
    جناب شیخ از دوره next.js تا این جای کار واقعا لذت بردم به نظرم از لاراول جذاب تره و ارتباط خوبی برقرار کردم
    چند مورد تقاضا دارم که البته برای کارهای حرفه ایی تره اگر امکان داشته باشد
    دوره cicd
    دوره ماکرو سرویس
    دوره داکر و کانتینری سازی
    هوش مصنوعی که تو این یکی دوساله واقعا ترند شده
    بحث تحلیل داده
    اتوماسیون اداری
    برنامه مالی و حسابداری
    و در اخر تشکر ویژه بابت زحمت های تهیه و تولید دورهای اموزشی عالیتون

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

  • سلام و خسته نباشید خدمت استاد گرامی جسارتا من الان دوره جاوااسکریپت و npm و react و webpack رو کار کردم و قصدم هست دوره فروشگاه اینترنتی رو با next.js ببینم و دوره نکست جی اس رو بلد نیستم بنظرتون لازم هست که اون رو بلد باشم یا الا میتونم دوره رو شروع کنم برای فروشگاه؟؟

    • سلام وقت بخیر.
      خیر، حتما باید با next.js به خوبی آشنا باشید. پیش نیاز ها بشدت مهم هستند.

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

  • سلام استاد
    من این دوره همین الان خریدم چون دوره نکست 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 این صفحه را با سورس کدی که در اختیارتون هست مقایسه کنید.