پروژه اینستاگرام با نکست جی اس ( NextJS ReactJS Firebase TailwindCSS )
132 بار بازدید -
پارسال
-
لینک سورس کدها در گیت
لینک سورس کدها در گیت هاب :
Github source codes : https://github.com/PUZZLE87/instagram-clone
لیک ویدیو در کانال یوتیوب :
https://youtu.be/-eD3AEu0YW8
در این ویدیو یک کلون از اینستاگرام را با استفاده از نکست جی اس برای پیاده سازی وب اپ و تیلویند سی اس اس برای طراحی و رسپانسیو کردن صفحات وب و ریکویل جی اس برای مدیریت استیت های سطح اپ ایجاد خواهیم کرد و همچنین از فایر بیس برای ذخیره سازی اطلاعات و فایل ها استفاده خواهیم کرد. در این ویدیو با خیلی از نکات و کاربردهای واقعی نکست جی اس و ری اکت آشنا خواهید شد و هچنین با روش احراز هویت با استفاده نکست جی اس آشنا خواهین شد و کلی موارد دیگه که تو ویدیو خواهین دید
-----------------------------------------------------------------------------------------------------------------------------------------------------
لیست پخش
00:00:00 - توضیحات در مورد پروژه و فریمورک و کتابخانه های مورد نیاز آن
00:03:00 - پیش نمایش نهایی پروژه کلون اینستاگرام
00:08:02 - ایجاد کردن پروژه با استفاده از NextJS
00:13:08 - نصب کردن فریمورک tailwindcss و تنظیمات آن
00:17:18 - نصب کردن Hero Icon و پلاگین های مورد نیاز tailwindcss
00:20:00 - طراحی کردن کامپوننت Header
01:04:56 - طراحی کامپوننت استوری و تولید اطلاعات فیک با FakerJS
01:35:31 - طراحی کامپوننت مربوط به نمایش دادن پست های اینستاگرام
01:57:35 - طراحی کامپوننت MiniProfile
02:05:33 - طراحی کامپوننت Suggestions
02:19:32 - نصب و تنظیمات فایربیس در پروژه
02:28:45 - نصب کردن next-auth و پیاده سازی احراز هویت
03:34:05 - نصب کردن recoil و مدیریت استیت های سطح اپ
03:43:20 - ایجاد کردن کامپوننت Modal و پیاده سازی بخش مربوط به ارسال پست
04:19:05 - تنظیمات فایربیس برای ذخیره سازی فایل
04:44:10 - پیاده سازی بخش مربوط به نمایش پست ها با فراخوانی اطلاعات از فایربیس
05:03:38 - پیاده سازی بخش مربوط به لایک کردن پست ها
05:18:00 - پیاده سازی بخش مربوط به ارسال و نمایش کامنت ها
-----------------------------------------------------------------------------------------------------------
#reactjs
#firebase
#recoil
#next-auth
#tailwindcss
#tailwindmodal
#instagram
#instagramclone
پارسال
در تاریخ 1402/01/16 منتشر شده
است.
132
بـار بازدید شده