وقت بخیر داخل این دوره از react-query و zustand استفاده نشده ؟
بعد از دوره آموزش نکست (next.js) که مورد استقبال شما دوستان عزیز قرار گرفت.حالا وقت آن رسیده که در قالب یک پروژه کاربردی، بهتر نکست جی اس را یاد بگیرید تا بتوانید پروژه های مد نظر خودتون را پیاده سازی کنید.
ما توی این دوره یک فروشگاه اینترنتی با موضوع فست فود و با نکست جی اس ورژن 14 (بدون مشکل در ورژن 15 و 16) ایجاد میکنیم که شامل بخش های مختلف هست. اما هدف از این پروژه، یادگیری بخش های مختلفی هست که توی وبسایت ها استفاده میشه نه، صرفا فقط ایجاد یک وبسایت فروشگاهی.به عنوان مثال سیستم احراز هویت که در این دوره یاد میگیریم را شما میتونید توی پروژه های مختلف دیگه استفاده کنید.پس پروژه فروشگاهی یک مثال هست تا شما بخش های مختلف را یادبگیرید وبا آن پروژه های مدنظر خودتون را ایجاد کنید.در این دوره پنل ادمین و همچنین deploy یا آپلود پروژه در سرور هم توضیح داده میشود.
دوستان این دوره بر اساس ورژن 14 نکست جی اس کامل بازتولید شده و در حال حاضر ورژن 16 آمده که طبق داکیومنت تغییرات جزئی هست و مشکلی در محتوای دوره نیست . حتما ویدیو معرفی دوره را در پایین مشاهده کنید.
پیش نیاز این دوره:
برای ارسال کامنت ابتدا باید وارد سایت شوید
وقت بخیر داخل این دوره از react-query و zustand استفاده نشده ؟
سلام وقت بخیر.
در خصوص این پکیج ها خیر🙏
سلام خدمت شما استاد عزیز
ممنون بابت دوره ها و اموزش های عالی و کاربردیتون
امکان تولید دوره next هست؟ چون برای مسیر فول استک شدن برای بحث بک اند من خیلی جاها اسم node و در ادامه next رو شنیدم شما دوره ی nest رو دارین ولی ایا این جای next رو میگیره ؟؟ برای بک اند میتونم فقط node و nest رو ببینم و حرفی برای گفتن داشته باشم ؟؟
سلام وقت بخیر.
ممنون از شما و حمایتتون
دوره ای next.js که داریم و شما هم عضوش هستید. تفاوت اینکه nest.js فریمورک node هست ولی next.js فریمورک react.js هست و بیشتر مناسب فرانت هست اما میشه api نویسی هم داخلش داشت. برای درک بهتر nest.js میتونید ویدیو معرفی و چند قسمت ابتدای رایگان دوره nest.js را مشاهده کنید.
در کل چون nest.js فریمورک بک اندی هست قابلیت های بیشتری توی بک اند داره و باتوجه به نیاز های پروژه میتوان ازش استفاده کرد.
شرمنده بابت اشتباه بنده منظورم از next درواقع express js بود که اگر اشتباه نکنم فریم ورک node هست
تمام متنی که نوشتم منظورم از next درواقع express بوده ممنون میشم راهنمایی کنید 🙏🏻
خواهش میکنم.
ببینید فریمورک express.js یک فریمورک مینیمال و ساده برای ساخت api و وب سرور هست.
و فریمورک nest.js در داخل خودش از express.js یا fastify.js استفاده میکنه و یک فریمورک سطح بالا هست که ساختار mvc داره
از express.js برای پروژه های کوچکتر و یا متوسط میشه استفاده کرد اما nest.js برای پروژه های بزرگتر و تیمی هم مناسب هست
سلام : من با دستور npx create-next-app@latest یک پروژه نکست رو نصب کردم و نسخه نکست major اون 15 هستش طبق سوالی که از هوش مصنوعی داشتم گفتش تغییرات 14 با 15 جزیی هستش ولی درمورد مطلب جدیدی مثل page و app و link و a و کامپوننت image و ... صحبت کرد ولی در کل گفت دیدن دوره نسخه 14 و این پروژه ای که نصب کردی مشکلی نیست .میخواستم بدونم به نظر شما الان حتما باید نسخه 14 رو نصب کنم؟
سلام وقت بخیر.
خیر نیازی نیست و بر اساس ورژن ۱۵ هم میتونید پیش برید و تغییرات خیلی جزئی هست که توی توضیحات و ویدیو معرفی دوره اشاره شده، کلا نکست خیلی زود به زود ورژن میده اما تغییرات جزئی هست
سلام .چرا هیچ کجا از سایتتون در مورد دیتا بیس و ذخیره سازی مطلبی ندارید فقط در قسمت php اشاره شده.نه در پروژه ها و نه آموزش هاس دیگه .چون بیشتر آموزش ها مربوط به زبان جاوااسکریپت هست.
سلام وقت بخیر.
این موضوع مربوط بک اند و زبان های بک اندی هست که توی دوره های php و لاراول صحبت شده که اونجا در خصوص mysql صحبت شده یا دوره ای بک اندی node.js که فریمورک nest.js دوره اش را قرار دادیم در خصوص دیتابیس postgresql صحبت کردیم.
سلام جناب شیخ.
ای کاش به جای استفاده از درگاه پرداخت تستی از یک درگاه پرداخت واقعی استفاده می کردید تا فردا روزی که پروژه ای خواستیم انجام بدیم در اتصال پروژه ی مشتری به درگاه پرداخت واقعی دچار مشکل نشیم و بتونیم این کار رو انجام بدیم. به نظرم تنها نقص دوره این مورد بود وگرنه مطالب بسیاری ازین دوره ی فوق العاده یاد گرفتیم.
سلام وقت بخیر.
مبحث درگاه پرداخت که مربوط به بک اند هست نه در سمت فرانت و روند کار هیچ فرقی نداره و یکسری تغییرات جزیی توی بک اند هست. درگاه پرداخت واقعی نیاز به پرونده مالیاتی داره و اصلا روی لوکال کار نمیکنه، بخاطر همین روش تستی را اضافه کردن که اگه همه چی اوکی بود فقط بایکسری تغییرات جزیی درگاه پرداخت به اصلی تغییر کنه
درود
وقت بخیر
دوره رو با تایپ اسکریپت پیش رفتید یا جاوااسکریپت ؟
سلام وقت بخیر.
با جاوااسکریپت
سلام آقای شیخ
من به لاراول مسلط هستم. ولی نکست برام یه مقدار مبهمه. ممنون میشم راهنمایی کنید.
- میشه دریک هاست اشتراکی بصورت همزمان هم از لاراول(بعنوان بک اند) هم از نکست (بعنوان فرانت ) استفاده کرد؟ یا حتماً باید هرکدام در هاست جداگانه باشند.؟
- اگه جواب مثبته میشه بفرمائید فایل های نکست باید کجای لاراول قرار بگیرند؟
سلام وقت بخیر.
بینید این دو، دوتا پروژه و موضوع کاملا جدا از هم هستند و اینجوری نیست که پروژه نکست در داخل پروژه لاراول باشه
و تا شما با دنیای جاوااسکریپت و نحوه کار اون با api آشنا نباشید متوجه نمیشید.
و نکست یک سطح بالای هست که دوره های زیادی به عنوان پیش نیاز، نیاز داره
با api آشنا هستم . سوالم اینه: میشه در یک هاست اشتراکی بصورت همزمان هم لاراول استفاده کرد و هم نکست؟
یعنی در یک هاست از نکست api بزنیم به لاراول در همان هاست.؟
بله میتونه در داخل یک سرور باشه اما دوتا پروژه جدا و مجزا از هم هستند که یکی میتونه روی دامنه اصلی و دیگری روی ساب دامین باشه و نکته بعدی اینکه لاراول نیاز به php داره که باید روی سرور باشه و نکست نیاز به node.js مخصوصا اگه قرار باشه از ssr استفاده کنه پس node.js هم باید روی سرور باشه
بصورت کلی بله هم میتونه داخل یک سرور باشه که توی deploy این دوره هم روی یک سرور هست که هم api (لاراول) و هم پروژه نکست روی سرور قرار دادیم و یا اینکه میتونه روی دوتا سرور مجزا از هم باشه
بازم عرض میکنم این دو، دوتا موضوع و پروژه جدا هستند. فرانت و بک اند دوتا موضوع جدا از هم هستند.
ممنونم
خواهش میکنم
سلام جناب آقای شیخ.
آیا این دوره پشتیبانی داره و در صورت رخ دادن باگ در مسیر ساخت پروژه برای رفع مشکلات کمکی از سوی مدرس خواهد شد؟
سلام وقت بخیر.
بله، زیر هر قسمت میتونید کامنت کنید پاسخ داده میشه
سلام استاد
بنده در قسمت ادمین پنل در بخش محصول جدید طبق سورس کد شما پیش رفتم و زمانی که اطلاعات رو به سرور ارسال میکنم خطا
`Array are not supported` رو نمایش میده ?
سلام وقت بخیر.
مانند ویدیو ها در ابتدا با پست من چک کنید که مشکل از api هست یا خیر.
و اگه نباشه مشکل در سمت فرانت هست و باید مانند ویدیو ها قدم به قدم مقادیر متغیرها را لاگ بگیرید و دیتاها را بررسی کنید قبل از ارسال اطلاعات به api
import formidable from 'formidable';
import FormData from 'form-data';
import fs from 'fs';
import axios from 'axios';
import handlerError from '@/lib/Helper';
export const config = {
api: {
bodyParser: false,
}
};
export default async function handler(req, res) {
if (!req.cookies.login_token) {
res.status(403).json({ message: 'ورود نا موفق یکبار دیگر تلاش کنید' })
return
}
if (req.method === 'POST') {
const form = formidable({ multiples: true });
form.parse(req, async (err, fields, files) => {
console.log(fields,files);
var formData = new FormData();
formData.append("name", fields.name);
formData.append("category_id", fields.category_id);
if (files.primary_image && files.primary_image.length) {
const primaryImage={
data: fs.createReadStream(files.primary_image.filepath)
}
formData.append('primary_image', primaryImage);
formData.append("primary_image_blurDataURL", fields.primary_image_blurDataURL);
formData.append("description", fields.description);
formData.append("content" , fields.content);
formData.append("status", fields.status);
formData.append("price", fields.price);
formData.append("quantity", fields.quantity);
formData.append("sale_price", fields.sale_price);
formData.append("date_on_sale_from", fields.date_on_sale_from);
formData.append("date_on_sale_to", fields.date_on_sale_to);
for (let i = 0; i < files.images.length; i++) {
const imageData={
// name: files.images[i].originalFilename,
data: fs.createReadStream(files.images[i].filepath)
}
formData.append("images[]", imageData);
}
try {
const resApi = await axios.post(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/products`, formData ,
{
headers: {
'Authorization': `Bearer ${req.cookies.login_token}`,
'Content-Type': 'multipart/form-data'
}
});
res.status(200).json(resApi.data.data)
} catch (err) {
res.status(422).json({ message: { 'err': [handlerError(err)] } })
}
if (err) {
res.status(422).json({ err: String(err) })
}
});
} else {
res.setHeader('Allow', ['POST']);
res.status(405).json({ message: `Method ${req.method} not allowed` })
}
}
سلام وقت بخیر.
توی کامنت قبل یکسری نکات خدمتتون گفته شد که تست کنید.
مانند ویدیو ها در ابتدا با پست من چک کنید که مشکل از api هست یا خیر.
و اگه نباشه مشکل در سمت فرانت هست و باید مانند ویدیو ها قدم به قدم مقادیر متغیرها را لاگ بگیرید و دیتاها را بررسی کنید قبل از ارسال اطلاعات به api
این موارد را چک کنید حتما و اگه از ورژن 14 و 15 نکست استفاده میکنید که روند متفاوت هست و دوره هم کامل بازتولید شده و از اون روش باید استفاده کنید.
دقت کنید که ورژن نصبی پکیج مانند دوره باشه چون ممکنه متفاوت باشه و اگه همچنان مشکلی هست سورس کدی که در اختیارتون هست را نصب و تست کنید و با کدهای سورس کد مقایسه کنید.
سلام استاد وقتتون بخیر ممنون از دوره خوبتون استاد شما توی دوره لاراول ای که دارین ضبط می کنین توی این پروژه قابلیت های جدیدی مثل تغییر فوتر و علاقه مندی و... اضافه کردین میشه لطفا این آپدیت رو برای این دوره نیز قرار بدید باتشکر.
سلام وقت بخیر.
ببینید روند هیچ فرقی نداره، فرضا چطوری دیتای محصول یا هر چیزی را دریافت میکنید و نمایش میدید. دقیقا به همین شکل برای فرضا فوتر هست. که یک endpoint باشه و شما بهش درخواست بدید و یکسری اطلاعات دریافت کنید. میخوام بگم که تفاوتی برای شما نداره روند کار
استاد من اطلاعات زیادی درباره نکست و ری اکت ندارم خواستم بدونم پوشش مباحث طوری هست که بعد از یادگیری دوره های ری اکت و دو دوره ی نکست شما بتونم به عنوان فرانت اند دولوپر استخدام بشم ؟
سلام وقت بخیر.
بله، هدف از دوره ها همین هست و حتی ساخت فروشگاه اینترنتی با نکست هم قرار دادیم و توی پروژه ها یا شرکت های که با ری اکت و نکست کار میکنند میتونید شرکت کنید.
اما باید حتما پیش نیاز دوره ها را مشاهده و یا آشنایی داشته باشید.
سلام اقای شیخ من یک سوالی پرسیدم و متاسفانه جواب ندادید
من در صفحه ایجاد محصول در ادمین سایت مطابق شما در api نکست از فرم دیتا استفاده کردم و زمانی بخوام اطلاعات محصول رو به بک اند ارسال کنم خطا array in not support رو نمایش میده .
بررسی کردم و متوجه شدم از قسمت file در فرم دیتا هست اما تغییر هم میدم باز همین خطا رو میده .
ممنون میشم راهنمایی کنید
سلام وقت بخیر.
مانند ویدیو اول با postman چک کنید که api مشکلی نداره و بازم مانند ویدیو قبل ارسال لاگ بگیرید و بررسی کنید که دیتا را بدرستی ارسال میکنید و تصویر اصلی یک فایل بیشتر نیست.
بازم مشکلی داره باید با سورس کدی که در اختیارتون هست مقایسه و تست کنید.
سلام و احترام استاد خواهش میکنم یک دوره بک اند next با prisma بزارید خیلی لازم هست
سلام وقت بخیر.
درخواست زیاد باشه، چشم توی برنامه کاری قرار میدیم.
با سلام در این دوره از تایپ اسکریپت هم در نکست استفاده کردید؟
ظاهراً که استفاده نشده، راه حل شما برای این مورد چیست؟
سلام وقت بخیر.
خیر، اگه با typescript آشنا هستید میتونید استفاده کنید و مشکلی نیست.
سلام در این دوره نحوه اتصال دیتبایس روی هاست هم آموزش داده میشه؟
سلام وقت بخیر.
دیتابیس در داخل خوده نکست خیر. دیتابیس داخل api که برای پروژه استفاده شده و با لاراول نوشته شده قرار داره
سلام استاد
من در قسمت پنل ادمین زمانی که توکن کاربر برای {{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 داشته باشه یا روی سرور دیگه آپلود بشه
حتما اول پیش نیاز های دوره مخصوصا دوره نکست را مشاهده کنید که بیشتر و بهتر درک کرده باشید و وارد این دوره بشید
دانشجو 4119
درود
گفتید سبد خرید با redux
یعنی باید از قبل بلد باشیم یا نع؟
علی شیخ
2 هفته پیش
سلام وقت بخیر.
اینکه ریداکس چیه و به چه شکل استفاده میشه بله، و توی دوره ای ری اکت آموزش داده شده که پیش نیاز این دوره هست.
این دوره نیاز به سطح خوبی داره، پیش نیاز های دوره توی ویدیو معرفی و توضیحات دوره گفته شده