پروژه اینستاگرام با نکست جی اس ( NextJS ReactJS Firebase TailwindCSS )

پازل منتشر شده در تاریخ 1402/01/16

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 بـار بازدید شده

... بیشتر