در حال حاضر محصولی در سبد خرید شما وجود ندارد.
پروژه های بعدی. JS (React JS Framework). 3 دست NextJs را روی پروژه ها بسازید. IMDB ، اینستاگرام و Google Clones با استفاده از JS Next JS
عنوان اصلی : Next.js Projects - 3 NextJS projects (Instagram, Google,...)
سرفصل های دوره :
پروژه 1 - Google Clone:
NextJS و Tailwind CSS را نصب کنید
بخش هدر را ایجاد کنید
احراز هویت را اضافه کنید و داده های کاربر را از Google دریافت کنید
بخش بدن را ایجاد کنید
مؤلفه پاورقی ایجاد کنید
این اصطلاح را از ورودی دریافت کرده و به صفحه مرتبط هدایت کنید
مؤلفه هدر جستجو را ایجاد کنید
مؤلفه گزینه های هدر جستجو را ایجاد کنید
داده ها را از Google API دریافت کرده و داده های مسخره را ایجاد کنید
بخش About Data را ایجاد کرده و عنوان را در صفحه جستجو تغییر دهید
بخش نتیجه را کامل کنید و HTML React Parser را نصب کنید
مؤلفه صفحه بندی ایجاد کنید
مؤلفه نتایج تصویر را اضافه کنید
دکمه های باقیمانده را مستقر و تعمیر کنید
پروژه 2 - کلون IMDB:
next.js و tailwind css را نصب کنید
مؤلفه ها را ایجاد کنید و الگوی را تمام کنید
مؤلفه هدر را ایجاد کنید
بخش هدر را سبک کنید
مؤلفه NAVBAR و درخواست ها را ایجاد کنید.
عملکرد سمت سرور را ایجاد کرده و آن را به سمت مشتری منتقل کنید
ایجاد مؤلفه کارت
مؤلفه کارت را کامل کنید و بخش نتیجه را پاسخگو کنید
استقرار به Vercel و اضافه کردن نام دامنه سفارشی
پروژه 3 - کلون اینستاگرام:
NextJS و Tailwind CSS را نصب کنید و الگوی صفحه اصلی ایجاد کنید
آرم Instageram را به سمت چپ جزء هدر اضافه کنید
نوار جستجو را به مؤلفه هدر اضافه کنید
تصویر منو و نمایه را در سمت راست هدر اضافه کنید
هدر چسبنده را پیاده سازی کنید
داده های جعلی را با استفاده از Minifaker و ایجاد اجزای خوراک و داستان ایجاد کنید
بخش داستان را سبک کنید و tailwind-scrollbar را نصب کنید
ایجاد پست و مؤلفه های ارسال شده و برخی از داده های ساختگی را تهیه کنید
بخش های هدر و تصویر را از مؤلفه پست ایجاد کنید
بخش دکمه های مؤلفه پست را ایجاد کنید
زیرنویس و کادر ورودی مؤلفه پست را اضافه کنید
بخش خوراک را پاسخگو است
مؤلفه مینی پروفایل را ایجاد کنید
بخشی از مؤلفه خوراک را بسازید
Auth و Firebase Next-Auth و Firebase را شروع کنید
صفحه Signin را کامل کنید
جلسه را دریافت کرده و مؤلفه هدر را با داده های Google تغییر دهید
مینی پروفایل و مؤلفه های داستان را اصلاح کنید تا جلسه را شامل شود
recoil را نصب کرده و مؤلفه اتم و آپلود را اضافه کنید
نصب و تحمیل React-Modal
مؤلفه آپلود را کامل کنید
یک پست ایجاد کنید و آن را به Firestore اضافه کنید و بارگیری را دریافت کنید
داده های پست را از پایگاه داده دریافت کرده و آن را در بخش خوراک نشان دهید
وقتی کاربر از سیستم خارج شد ، دکمه ها و بخش ورودی را پنهان کنید
نظر خود را به پایگاه داده Firebase اضافه کنید
نظرات را در بخش نظرات نشان دهید و از پایگاه داده Firebase اطلاعات دریافت کنید
مانند عملکرد اعمال می شود
استقرار به Vercel
به روز رسانی 1- تعداد لایک ها را نشان دهید
Next.js Projects - 3 NextJS projects (Instagram, Google,...)
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
اطلاع رسانی حذف دوره های قدیمی و تخفیفات نوروزی مشاهده