در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.
دسته بندی
دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

کورس یادگیری Next.js از طریق ساخت 3 پروژه واقعی

28,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

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

ویدئو معرفی این محصول

پروژه های بعدی. 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,...)