وصف:
📩 Want coding problems (with solutions!) delivered to your inbox daily!? Sign Up Here: https://www.papareact.com/universityofcode 🚨 Upgrade your coding skills by joining the world’s BEST developer community & course “Zero to Full Stack Hero”: https://www.papareact.com/course Join me as I build a Real Time Messenger App with Next.js 13. You'll learn how to do the following in this build: 👉 How to build a Real-Time Messenger App (w/ group chat!) using Upstash, Pusher & Redis! 👉 How to build a Login and Logout Authentication flow using NextAuth & Facebook on Next.js 13! 👉 Implement a Pub/Sub backend using Pusher to enable real-time sync for messages! 👉 Create your own Next.js API routes 👉 Learn to use the SWR library to efficiently fetch/cache and update data! 👉 Leverage the power of Server components in Next.js 13! 👉 How to deploy the final build on Vercel! + So Much More! 🔴 LOOKING FOR THE CODE? 🛠️ https://www.papareact.com/offers/MXV3vdLQ 👇🏻 FOLLOW ME HERE: Instagram: https://www.facebook.com/unsupportedbrowser Facebook: https://www.facebook.com/unsupportedbrowser LinkedIn: https://www.linkedin.com/in/saajansangha Twitter: https://links.papareact.com/twitter Discord: https://discord.com/invite/Z7nGwmdBGM Newsletter: https://www.papareact.com/newsletter 💰 WANT TO SUPPORT THE CHANNEL? Donate here: https://donate.stripe.com/9AQ03Lard2fC3U4dQU Grab some PAPA Merch: https://papa-react.creator-spring.com/ 🕐 TIMESTAMPS: 00:00 Introduction 01:00 Build Showcase 03:13 Upstash Sponsorship 05:32 Build Tech 09:21 Setting Up Next.js 13 & Tailwind CSS 19:54 Planning Out The Build 20:44 Building the Header Component 37:57 Creating the Message List Component 38:46 Building the Chat Input Component (1/4) 47:55 Setting up Upstash 55:47 Implementing UUID Library 57:22 Building the Chat Input Component (2/4) 1:00:35 Setting up Type Definitions for TypeScript 1:01:55 Building the Chat Input Component (3/4) 1:03:26 Building the Add Message API Endpoint using Redis 1:10:41 Explaining and Implementing SWR 1:17:55 Building the Get Messages API Endpoint 1:21:32 Building the Chat Input Component (3/4) 1:29:29 Building the Message List Component 1:33:22 Building the Message Component 1:48:02 Explaining and Implementing Pusher 2:07:35 Implementing SSR with Next.js 13 (1/2) 2:15:44 Implementing the Loading Functionality 2:20:58 Implementing NextAuth Authentication with Facebook (1/2) 2:24:36 Creating a Facebook App for Authentication 2:31:28 Implementing the Sign In Functionality (with 2 Different Approaches) 2:47:43 Implementing the Sign Out Functionality 2:49:41 Implementing SSR with Next.js 13 (2/2) 2:59:03 Implementing Timestamp Functionality 3:00:48 Explaining and Implementing Middleware 3:04:06 Final Build Demo & Explanation 3:09:18 Outro Let’s get it PAPAFAM 🔥. DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Meta and its subsidiaries in any form. Copyright Disclaimer Under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for educational purposes.
تحضير خيارات التنزيل
موقع http://unidownloader.com/ هو أفضل طريقة لتنزيل مقطع فيديو أو مقطع صوتي منفصل إذا كنت تريد الاستغناء عن تثبيت البرامج والإضافات.
ملحق UDL Helper هو زر ملائم مدمج بسلاسة في مواقع YouTube وInstagram وOk.ru لتنزيل المحتوى بسرعة.
برنامج UDL Client (لنظام Windows) هو الحل الأقوى الذي يدعم أكثر من 900 موقع إلكتروني وشبكات التواصل الاجتماعي ومواقع استضافة الفيديو، بالإضافة إلى أي نوعية فيديو متوفرة في المصدر.
UDL Lite هو وسيلة مريحة حقًا للوصول إلى موقع ويب من جهازك المحمول. بمساعدته، يمكنك بسهولة تنزيل مقاطع الفيديو مباشرة على هاتفك الذكي.
أفضل تنسيقات الجودة هي FullHD (1080p) و2K (1440p) و4K (2160p) و8K (4320p). كلما زادت دقة الشاشة، يجب أن تكون جودة الفيديو أعلى. ومع ذلك، هناك عوامل أخرى يجب مراعاتها: سرعة التنزيل ومقدار المساحة الخالية وأداء الجهاز أثناء التشغيل.
يجب ألا يتجمد المتصفح/الكمبيوتر تماماً! إذا حدث ذلك، يرجى الإبلاغ عن ذلك مع رابط الفيديو. في بعض الأحيان لا يمكن تنزيل مقاطع الفيديو مباشرة بتنسيق مناسب، لذلك أضفنا إمكانية تحويل الملف إلى التنسيق المطلوب. في بعض الحالات، قد تستهلك هذه العملية موارد الكمبيوتر بشكل فعال.
يمكنك تنزيل مقطع فيديو على هاتفك الذكي باستخدام الموقع الإلكتروني أو تطبيق UDL Lite. من الممكن أيضًا إرسال رابط التنزيل عبر رمز الاستجابة السريعة باستخدام ملحق UDL Helper.
الطريقة الأكثر ملاءمة هي استخدام برنامج UDL Client، الذي يدعم تحويل الفيديو إلى تنسيق MP3. في بعض الحالات، يمكن أيضًا تنزيل MP3 من خلال ملحق UDL Helper.
تتوفر هذه الميزة في ملحق UDL Helper. تأكد من تحديد "إظهار زر لقطة الفيديو" في الإعدادات. يجب أن تظهر أيقونة الكاميرا في الركن الأيمن السفلي من المشغل إلى يسار أيقونة "الإعدادات". عند النقر عليه، سيتم حفظ الإطار الحالي من الفيديو على جهاز الكمبيوتر الخاص بك بتنسيق JPEG.
لا يكلف شيئًا. خدماتنا مجانية تمامًا لجميع المستخدمين. لا توجد اشتراكات للمحترفين ولا قيود على عدد مقاطع الفيديو التي يتم تنزيلها أو الحد الأقصى لطولها.