بعد از دوره آموزش ناکست (nuxt.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربردی، بهتر ناکست را یادبگیرید تا بتوانید پروژه های مد نظر خودتون را پیاده سازی کنید.
ما توی این دوره یک فروشگاه اینترنتی با موضوع فست فود و با ناکست ورژن 3 ایجاد میکنیم که شامل بخش های مختلف هست. اما هدف از این پروژه، یادگیری بخش های مختلفی هست که توی وبسایت ها استفاده میشه نه، صرفا فقط ایجاد یک وبسایت فروشگاهی.به عنوان مثال سیستم احراز هویت که در این دوره یاد میگیریم را شما میتونید توی پروژه های مختلف دیگه استفاده کنید.پس پروژه فروشگاهی یک مثال هست تا شما بخش های مختلف را یادبگیرید وبا آن پروژه های مدنظر خودتون را ایجاد کنید.در این دوره پنل ادمین و همچنین deploy یا آپلود پروژه در سرور هم توضیح داده میشود. حتما ویدیو معرفی دوره که در پایین هست را مشاهده کنید، موارد آموزشی در این دوره و پروژه را بصورت کامل توضیح داده ایم.
دوستان دقت کنید در حال حاضر ورژن 4 ناکست معرفی شده اما
تغیرات جزیی داشته، یک cli جدید برای نصب پروژه ناکست معرفی شده که به این شکل هست
npm create nuxt@latest project-name
که مانند نصب قبلی هست.
و تغییر دوم اینکه پوشه ای به اسم app اضافه شده که شما پوشه هاتون مثله assets، components، composables، layouts و pages را داخل این پوشه ایجاد و استفاده میکنید. هرچند توی این ورژن جدید استفاده به روش قبل هم همچنان امکان پذیر هست و تغییرات همین بوده و نیاز به بازتولید کامل دوره نیست اما در آینده توی بعضی از قسمت ها این تغییرات گفته میشه
مواردی که در این پروژه یاد میگیریم:
پیش نیاز این دوره:
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام
استاد میشه بین ری‌اکت نکست جی اس و ویو ناکست جی اس یه مقایسه ای بکنید
من برای خودم میخوام یکی از این مسیر هارو پیش برم و ویدیو معرفی هر دو دوره رو دیدم و بیشتر میخواستم برم سمت فروشگاه ناکست ویو اما فروشگاه نکست سریع تر عمل می‌کرد مثلا در بخش پروفایل و آدرس ها و سفارش های کاربر و... سریع تر جابه‌جا میشد
میشه از نظر بازار کار و سرعت و راحتی یادگیری و مزیت های بیشتر، این دو فریمورک رو مقایسه کنید؟ یکم سر دوراهی موندم
ممنونم
سلام وقت بخیر.
ببینید بصورت کلی خیلی تفاوتی توی سرعت نیست و این موضوع کلا به مسائل دیگه مثله قدرت سرور و ... بستگی هم داره
شما نسبت به هدفتون میتونید مشخص کنید. فرضا قراره توی شرکتی کار کنید برید و ببینید توی شرکت های شهرتون بیشتر با کدوم کار میکنند و از طرفی شما با کدوم راحتر هستید. در عمل کاری که میکنن مشابه هست و سینتکس متفاوت هست والا درک و کار باهاشون شبیه به هم هستند.
سلام و درود
برای api این پروژه از لاراول استفاده کردید ؟؟
پیشنهاد میدید اول از کدام دوره شروع کنیم اول ذوره فروشگاهی لاراول رو ببینیم یا این دوره
سلام وقت بخیر.
بله، توی ویدیو معرفی دوره هم کامل توضیح داده شده
ببینید اینجوری نیست که شما حتما باید با لاراول آشنا باشید برای این دوره و این دوره در خصوص برنامه نویسی فرانت و nuxt هست و از هر api که با هر زبان برنامه نویسی نوشته شده میتوان استفاده کرد.
اگه قصد یادگیری بک اند و لاراول را دارید اون میشه دوره های مجزا و مخصوص خودش
سلام
امکان خرید وجود ندارد . error میدهد
سلام وقت بخیر.
برای ورود به درگاه پرداخت مشکل دارید؟ یا دربرگشت به سایت؟
در هر صورت بعد از گذشت یه مدت دوباره تست کنید بازم مشکلی بود به تلگرام وب پروگ پیام بدید برای بررسی webprogSupport@
ورود به درگاه انجام نمیشه . به نظر تایم اوت میخوره
متاسفانه احتمالا اختلال در سیستم بانکی هست، بعد از گذشت یه مدت زمان دوباره تست کنید بازم مشکلی بود به تلگرام وب پروگ پیام بدید برای خرید و فعال سازی دوره webprogSupport@
با سلام خدمت شما استاد گرامی
بنده فرانت اند رو با توجه به آموزشهای شما با 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')
})
}
}, سلام وقت بخیر.
به دلیل اینکه شما این مسیر
path: '/hotels/:slug*/',سلام و عرض ادب
دوتا سوال داشتم راجب این دوره
یکی این که به صورت 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 رو ایمپورت میکنه و برای استفاده از پکیچ ها نیازی نیست ک مجدد نوشته بشن .
ممنون همین نکته ای ک گفتین درصد زیادی از ابهاممو برطرف کرد.
چشم مجدد دوره ویو رو میبینم.
بله، ناکست فریمورک vue هست دیگه!!!
داره از ویو استفاده میکنه
سلام ممنون بابت دوره خوبتون خیلی نکته های جدید یاد گرفتم
پیشنهادی هم برای دوستان داشتم ، بچه ها این دوره برای یادگیری هست نه اینکه شما حتما با دیدن این دوره فقط میتونید یک سایت فروشگاهی راه اندازی کنید و باید نکته ها رو تو این آموزش متوجه بشید ، من خودم با نکات آموزشی این دوره دارم یک سایت کاملا غیر مرتبط با فروشگاه راه اندازی میکنم اما همین سایت غیرمرتبط خیلی بخش هاش مشترکه ، مانند OTP ، پرداخت آنلاین ، فیلتر کردن دیتا ، paginate و ...
سلام وقت بخیر.
ممنون از شما و حمایتتون، خداروشکر دوره براتون مفید بوده?
بله هدف اینکه دوستان یاد بگیرند بخش های مختلف را به چه صورت پیاده سازی کنند، فروشگاه اینترنتی یک مثال هست.
سلام استاد عزیز.ممنون بابت آموزش بی نظیرتون .میگم این دوره ابدیت میشه ؟
سلام وقت بخیر.
ممنون از شما و حمایتتون?
بله، آپدیتی باشه روی دوره nuxt و فروشگاهی انجام میشه
سلام استاد . خسته نباشید . هر دو دوره که برای ناکست ارائه کردید در سطح بسیار عالی هست . اگر لطف میکردید یک دوره هم برای ساخت اپلیکیشنهای PWA با ناکست میذاشتید فوق العاده میشد . با توجه به اینکه دوره react و next هم در سایت دارید دانشجویان اون دوره ها هم مطمئنا از PWA استقبال میکنند . تشکر از شما
سلام وقت بخیر.
ممنون از شما، حمایت و پیشنهادتتون?
سلام استاد عزیز، فوق العاده س این دوره ، بدون هیچ اغراقی میگم،و ممنونم از دوره های عالی تون، به همه ی دوستانی ک دنبال یادگیری ناکست هستن پیشنهاد میکنم این دو تا دوره اقای شیخ رو از دست ندن،
استاد اگه یه لطفی بکنین و یه دوره جدید با یه موضوع جدید و با همین سبک و روش (مثلا این یه دوره فروشگاه اینترنتی هست، بعدی یه سایت شرکتی یا یه سایت خیریه، یا سایتی شبیه سایت ویرگول و.... و یا هر سایتی ک خودتون حس میکنین موارد جدیدتر و بیشتری میشه توش اموزش بدین) همینجور با کیفیت با ناکست 3 تهیه کنین،،، قطعا مورد استقبال هم قرار میگیره، اینجوری ما شاگردهاتون هم بیشتر و بیشتر از اطلاعات و اموزش های فوق العاده تون بهره مند میشم، بازم ممنون از دوره های عالی تون
سلام وقت بخیر.
خیلی ممنون از شما و حمایتتون و خدارشکر که دوره براتون مفید بوده?
ببینید این دوره فروشگاهی چون اکثر موارد را داره، مثال زدیم و همین موارد را میتوانید توی پروژه های دیگه استفاده کنید و حتما خودتون را به چالش بکشید و پیاده سازی کنید. مهم درک مباحث و مفاهیم هست که با اون بتوانید هر پروژه ای پیاده سازی کنید.
Hadi Hasanpur
سلام علی آقا در این پروژه شما از phpMyadmin استفاده کردید .آیا با ناکست نیازی به لاراول و پی اچ پی نیست یا استفاده شده؟ من توضیحات هر دو دوره را دیدم ولی چیزی دربارش نگفتید. ممنون میشم توضیح بدید. و تشکر از زحمات شما
علی شیخ
2 هفته پیش
سلام وقت بخیر هادی جان
ببین ما دوتا بخش مجزا از هم یعنی فرانت و بک اند رو داریم که کاملا جدا از هم هستند. توی مثالی که زدی برای ما فریمورک nuxt.js میشه فرانت و درخواست میزنه به یکسری api برای دریافت یا ارسال اطلاعات و این api میشه همان بک اند ما که با هر زبان و فریمورک بک اندی میشه پیاده سازی کرد.
توی این دوره من api رو با فریمورک لاراول نوشتم و آماده کردم در صورتی که با زبان و فریمورک یا حتی هر دیتابیس دیگه ای قابل پیاده سازی هست و در فرانت از nuxt.js استفاده کردم و به این api درخواست ها رو دادم و کار های مختلف انجام دادم. دیگه فرانت درگیر کار های بک اندی و دیتابیس نیست و اینها میشه وظیفه ای api. حتی توی دوره next.js هم از همین api استفاده کردم چون مشترک بود، چون فرانت و بک اند دوتا موضوع جدا از هم هستند.