توضیحات

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

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

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

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


فروشگاه_اینترنتی vuejs ویو جی اس nuxt.js ناکست جی اس nuxt.js v3 ناکست جی اس ورژن 3

مدرس دوره علی شیخ
مدت دوره 18:59:37
تعداد ویدیو 87

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

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

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

  • با سلام خدمت شما استاد گرامی
    بنده فرانت اند رو با توجه به آموزشهای شما با nuxt3 و nodejs نوشتم و بک اند رو با asp.net core نوشتم... حالا میخواستم ببینم چه هاست و یا سروری رو باید بخرم تا این موارد رو ساپورت کنه؟؟ آخه core راین تایم مخصوص به خودشو داره که حتما باید روی سرور که میخریم اجرا باشه. نود جی اس هم که همین شکلیه

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

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

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

  • سلام اقای شیخ به قران انصاف نیست قیمت این دوره رو هر هفته گرونتر میکنی خودت قضاوت کن دوره نکست با سی ساعت همین قیمت و این دوره با 18 ساعت همین قیمت بابا جان مادرت رو قیمت تخفیف بذار بتونیم بخریم شاید یکی نداشته نباشه

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

  • دپلوی nuxt 3 فروشگاه اینترنی با ناکست
    فقط روی هاست پارس سرور امکان پذیره؟
    من هاستی خریدم کهsetup nod js رو‌داره اما قسمت port رو‌ نداره چطوری کانفیگ میشه
    چیکار باید کنم برای دپلویش ؟؟

    • سلام وقت بخیر.
      خیر، روند کار توضیح داده شده که باید node روی سرور باشه و بعد از آپلود شما npm i و npm build و npm start را بزنید و خب یک پورت هم اختصاص داده میشه برای اجرا که توی فایل اون وب سرور در پوشه public_html نوشته شده
      حالا شما تیکت بزنید به پشتیبان هاست و بپرسید ازشون

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

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

  • درود وقت بخیر دستور نصب nuxt را میزنم ولی با node 16 ممکن نیست error میده

    WARN Current version of Node.js (16.20.1) is unsupported and might cause issues.
    Please upgrade to a compatible version >= 18.0.0.

    ERROR Error: Failed to download template from registry: h is not a function

    • سلام وقت بخیر.
      ورژن ۱۸ به بالا node را نیاز داره، آخرین ورژن node را نصب کنید.

  • درود
    خسته نباشید
    api پروژه رو هم در اختیار قرار میدید یا باید دوره api هم جدا خریداری بکنیم و ببینیم و پروژه api شو هم بزنیم؟
    من میخواستم دوره nuxt تون رو بخرم و پروژه شو برای نمونه بزنم برای همین میپرسم

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

  • سلام استاد. ممنونم از آموزش‌های خوب‌تون. خسته نباشید. برای پروژه‌های بزرگ درخواست به api رو کجا باید انجام داد؟ داخل کامپوننت‌ها یا باید یک جا متمرکز بشن؟ آیا درسته که برای درخواست به api از پوشه پلاگین یا سرور استفاده کنیم؟ مثلا برای اینکه آدرس api و اطلاعات دریافتی از api در قسمت devtools مرورگر نمایش داده نشه. باز هم ممنونم.

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

  • سلام وقتتون بخیر . ممنون میشم بنده رو راهنمایی بفرمایید .
    من برای دسته بندی های فروشگاه سایت که زیر دسته ها به صورت دینامیک هستند و ممکنه چند سطحی باشند . از catch-all route استفاده میکنم . الان فقط مشکلی که بنده دارم اینه که برای اینکه لینک محصول رو مشخص کنم در فایل ناکست کانفیگ :

      hooks: {
    
    'pages:extend' (pages) {
    pages.push({
    name: 'hotels',
    path: '/hotels/:slug*/',
    file: resolve(__dirname, 'pages/hotels/[...slug]/index.vue')
    })
    pages.push({

    name: 'hotel-details',
    path: '/hotel/:slug*/:hotelSlug',
    file: resolve(__dirname, 'pages/hotels/[...slug]/[hotelSlug]/index.vue')

    })

    }
    },

    از کد نمونه که فرستادم خدمتتون کار میکنه . ولی من میخوام آدرس صفحه محصولاتم در ادامه آدرس دسته بندی ها باشه . ولی وقتی به جای /hotel از /hotels اسفتاده میکنم کار نمیکنه . و اون پترن رو یکسان با پترن دسته بندی ها به حساب میاره .

    ممنون میشم راهنمایی بفرمایید .

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

      path: '/hotels/:slug*/',

      را دارید بعد از /hotels هرچی بیاد این مسیر کار میکنه

  • سلام و عرض ادب
    دوتا سوال داشتم راجب این دوره
    یکی این که به صورت ssr هستش فروشگاه ؟ ینی این که کلا سئو داخلی مشکلی نداره؟
    دوم این که vue js رو میشد روی هاست لینوکس که لاراول رو آپلود میکردیم آپلود کرد آیا nuxt هم به همین شکل هست؟

    • سلام وقت بخیر‌.
      ببینید سوال شما مربوط به این دوره نیست و در ابتدا باید با خوده ناکست آشنا باشید و بعد این دوره، به هر حال بله از ssr استفاده شده و اینکه اگه از قابلیت های server side قصد استفاده باشه باید node روی هاست باشه

  • سلام استاد عزیز. وقتتون بخیر.
    من به دلایلی یه چند ماهی از یادگیری فاصله گرفتم و مجدد شروع کردم.
    سوالم شاید مبتدیانه باشه ولی ممنون میشم پاسخ بدین
    یه مشکلی ک دارم در استفاده از پکیچ هاس. مثلا توی همین اموزش طراحی سایت فروشگاهی با ناکست جلسه شماره ۷ م ک پکیچ vue3-tabs-component رو نصب کردین
    برای استفاده ش توی آموزش پکیچش نوشته ک به این صورت استفاده کنین
    import Vue from 'vue';
    import {Tabs, Tab} from 'src/vue3-tabs-component';

    Vue.component('tabs', Tabs);
    Vue.component('tab', Tab);
    و....
    ولی شما در موقع استفاده فقط این قسمت زیری ک نوشتم رو استفاده کردین

    import {Tabs, Tab} from 'src/vue3-tabs-component
    و این کمی منو گیج میکنه ک چرا یه سری قسمت هاشو حذف کردین.
    و حتی توی یه اموزش هایی دیگه ک قبلن هم میدیدم. کلا یه سری از قسمت هایی ک برای استفاده از پکیچ توی اموزش سایتش نوشته بود توی فیلم اموزشی کامل تغییر میدادن و متفاوت بود با نحوه استفاده ش در سایت خود اون پکیچ
    ممنون میشم یه توضیح کامل در مورد استفاده از این پکیچ ها بدین تا به درک کاملی برسم.

    • سلام وقت بخیر.
      دلیلش اینکه نیازه یکبار دیگه دوره vue که پیش نیاز این دوره هست را با دقت مرور کنید.
      مثلا import Vue from vue دستور صدا زده vue هست که خب توی ناکست انجام شده

    • سلام وقت بخیر.
      دلیلش اینکه نیازه یکبار دیگه دوره vue که پیش نیاز این دوره هست را با دقت مرور کنید.
      مثلا import Vue from vue دستور صدا زده vue هست که خب توی ناکست انجام شده

    • سلام استاد. پس از ناکست ک استفاده میکنیم خودش برامون vue و یا crateapp رو ایمپورت میکنه و برای استفاده از پکیچ ها نیازی نیست ک مجدد نوشته بشن .
      ممنون همین نکته ای ک گفتین درصد زیادی از ابهاممو برطرف کرد.‌
      چشم مجدد دوره ویو رو میبینم.

  • سلام ممنون بابت دوره خوبتون خیلی نکته های جدید یاد گرفتم
    پیشنهادی هم برای دوستان داشتم ، بچه ها این دوره برای یادگیری هست نه اینکه شما حتما با دیدن این دوره فقط میتونید یک سایت فروشگاهی راه اندازی کنید و باید نکته ها رو تو این آموزش متوجه بشید ، من خودم با نکات آموزشی این دوره دارم یک سایت کاملا غیر مرتبط با فروشگاه راه اندازی میکنم اما همین سایت غیرمرتبط خیلی بخش هاش مشترکه ، مانند OTP ، پرداخت آنلاین ، فیلتر کردن دیتا ، paginate و ...

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

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

  • سلام استاد عزیز، فوق العاده س این دوره ، بدون هیچ اغراقی میگم،و ممنونم از دوره های عالی تون، به همه ی دوستانی ک دنبال یادگیری ناکست هستن پیشنهاد میکنم این دو تا دوره اقای شیخ رو از دست ندن،
    استاد اگه یه لطفی بکنین و یه دوره جدید با یه موضوع جدید و با همین سبک و روش (مثلا این یه دوره فروشگاه اینترنتی هست، بعدی یه سایت شرکتی یا یه سایت خیریه، یا سایتی شبیه سایت ویرگول و.... و یا هر سایتی ک خودتون حس میکنین موارد جدیدتر و بیشتری میشه توش اموزش بدین) همینجور با کیفیت با ناکست 3 تهیه کنین،،، قطعا مورد استقبال هم قرار میگیره، اینجوری ما شاگردهاتون هم بیشتر و بیشتر از اطلاعات و اموزش های فوق العاده تون بهره مند میشم، بازم ممنون از دوره های عالی تون

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

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

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

    • سلام وقت بخیر.
      بله، توی ویدیو معرفی و توضیحات دوره هم بهش اشاره شده، از طرفی سروری که استفاده کردیم هم php داره و هم node به همین دلیل هر دو را توی یک سرور آپلود میکنیم.

  • سلام استاد - آیا من میتونم برای بخش api از spring boot استفاده کنم. چرا که شما گفته بودید ناکست از node js برای بخش بک اند استفاده میکنه.
    ولی با توجه به این که با جاوا و اسپرینگ بود آشنا هستم از اینها برای تولید api استفاده کنم. آیا مشکلی وجود نداره؟

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