🔴 React.js Clones by PAPA React - 🔴 Let's build a Collaborative Docs App with REACT.JS! (Next.js, Rich Text, Tailwind & Firebase)

🚨 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.universityofcode.com 🔴 LOOKING FOR THE CODE? 🛠️ https://links.papareact.com/github Join me as I build a completely responsive real-time Collaborative Docs App with Tailwind CSS & Next.js + Learn how to add a Rich Text editor in your Apps. This build will be Powered by Firebase's realtime Firestore database & we will handle Authentication using Firebase Auth! 🎙️ PODCAST https://links.papareact.com/podcast 🌍 SOCIALS: Instagram: https://links.papareact.com/instagram Facebook: https://links.papareact.com/facebook LinkedIn: https://links.papareact.com/linkedin Twitter: https://links.papareact.com/twitter Discord: https://links.papareact.com/discord Newsletter: https://links.papareact.com/newsletter ❤️ SUPPORT PAPA Merch: https://links.papareact.com/merch Donate: https://links.papareact.com/donate 🕐 TIMESTAMPS: 00:00 Introduction 01:01 Build Showcase (1/2) 03:26 Tabnine Sponsorship 05:38 Firebase and NextAuth Connection Explained 08:00 Technologies Used in the Build (2/2) 11:27 Initialising the Build 18:59 Building the Contacts Page 22:20 Building the Header Component 57:22 Building the Section underneath the Header 1:23:44 Implementing Firebase 1:33:45 Implementing NextAuth 1:45:57 Implementing Firestore Database 1:53:46 Building the Login Functionality 2:35:47 Building the Create Document Function 2:53:37 Building the Document Row Component 3:04:52 Implementing the Rich Text Editor 3:41:01 Building the Text Editor Component (Check Pinned Comment for Complete File) DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Google Docs and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes. #reactjs #tailwindcss #nextjs