विवरण:
🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course 🫂 Join my Community, "University of Code" for FREE: https://www.skool.com/universityofcode/about 🔴 LOOKING FOR THE CODE? 🛠️ https://www.papareact.com/offers/MXV3vdLQ 📩 Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycodingchallenges 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! 👇🏻 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/As6GbG6v4R 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/ बिना किसी प्रोग्राम या एक्सटेंशन को इंस्टॉल किए वीडियो या सिर्फ ऑडियो ट्रैक डाउनलोड करने का सबसे अच्छा तरीका है।
यदि आप सीधे YouTube, Instagram और OK.ru जैसी साइटों से वीडियो डाउनलोड करना चाहते हैं, तो UDL Helper एक्सटेंशन एक आसान बटन है जो इन साइटों में एकीकृत रूप से जुड़ा होता है।
UDL क्लाइंट प्रोग्राम (विंडोज के लिए) सबसे शक्तिशाली समाधान है जो 900 से अधिक वेबसाइटों, सोशल नेटवर्क और वीडियो होस्टिंग साइटों के साथ-साथ स्रोत में उपलब्ध किसी भी वीडियो गुणवत्ता का समर्थन करता है।
UDL Lite आपके मोबाइल डिवाइस से वेबसाइट तक पहुंचने का एक बहुत ही सुविधाजनक तरीका है। इसकी मदद से आप आसानी से सीधे अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं।
सबसे अच्छी गुणवत्ता वाले फॉर्मेट FullHD (1080p), 2K (1440p), 4K (2160p) और 8K (4320p) हैं। आपकी स्क्रीन का रेजल्यूशन जितना ज्यादा होगा, वीडियो की गुणवत्ता उतनी ही बेहतर होनी चाहिए। हालांकि, चुनने से पहले कुछ अन्य कारकों पर भी विचार करना चाहिए: डाउनलोड स्पीड, खाली जगह और प्लेबैक के दौरान डिवाइस की परफॉर्मेंस।
ब्राउज़र या कंप्यूटर को पूरी तरह से फ्रीज नहीं होना चाहिए! यदि ऐसा होता है, तो कृपया वीडियो के लिंक के साथ इसकी सूचना दें। कभी-कभी वीडियो को सीधे उपयुक्त फॉर्मेट में डाउनलोड नहीं किया जा सकता है, इसलिए हमने फाइल को वांछित फॉर्मेट में कनवर्ट करने की क्षमता को शामिल किया है। कुछ मामलों में, यह प्रक्रिया सक्रिय रूप से कंप्यूटर संसाधनों का उपयोग कर सकती है।
आप वेबसाइट या PWA एप्लिकेशन UDL Lite का उपयोग करके अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं। UDL Helper एक्सटेंशन का उपयोग करके QR कोड के माध्यम से डाउनलोड लिंक भेजना भी संभव है।
सबसे सुविधाजनक तरीका UDL Client प्रोग्राम का उपयोग करना है, जो वीडियो को MP3 फॉर्मेट में बदलने का समर्थन करता है। कुछ मामलों में, UDL Helper एक्सटेंशन के माध्यम से भी MP3 डाउनलोड किया जा सकता है।
यह सुविधा UDL Helper एक्सटेंशन में उपलब्ध है। सुनिश्चित करें कि सेटिंग्स में "वीडियो स्नैपशॉट बटन दिखाएं" चेक किया गया है। ऐसा करने पर, प्लेयर के निचले दाएं कोने में "सेटिंग्स" आइकॉन के बाईं ओर एक कैमरा आइकॉन दिखाई देना चाहिए। जब आप उस पर क्लिक करते हैं, तो वीडियो का वर्तमान फ्रेम आपके कंप्यूटर पर JPEG फॉर्मेट में सहेजा जाएगा।
इसमें कुछ भी खर्च नहीं होता। हमारी सेवाएँ सभी उपयोगकर्ताओं के लिए बिल्कुल निःशुल्क हैं। यहां कोई PRO सदस्यता नहीं है, डाउनलोड किए गए वीडियो की संख्या या अधिकतम लंबाई पर कोई प्रतिबंध नहीं है।