🔴 Let's build a Twitter Clone with REACT.JS! (Next.js, Sanity CMS, TS, SSR, Tailwind CSS, NextAuth)

🚨 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 📩 Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycodingchallenges I asked Sanity to hook up some free stuff for this video... They made a custom 🔥 boosted free plan 👉 https://www.sanity.io/sonny --- The much anticipated build is FINALLY HERE! Join me as I build the TWITTER 2.0 CLONE with REACT & NEXT.js, you'll learn how to do the following in this build: 👉 You’ll be able to build a Login authentication flow with Google or Twitter API using NextAuth 👉 You’ll implement the Ability to BAN a tweet via the Sanity Platform 👉 You’ll learn how to create structured content, for example how a single tweet can have many comments referenced to it! 👉 You’ll learn how to write robust code with Typescript! 👉 You’ll learn how to leverage Next.js Server Side Rendering to get a FASTER page load time! 👉 You’ll learn to create your own API backend endpoints to communicate safely with your frontend! 👉 You’ll learn how to add data to a Sanity CMS Backend from the frontend using Mutations! 👉 You’ll learn how to Query data using the popular GROQ query language 👉 You’ll learn about Tailwind CSS and how to build this awesome Responsive website! 👉 You’ll learn how to implement Tweet Functionality & the ability to write a thread of comments! 👉 You’ll even learn how to create silky smooth React Toast Notifications! 👉 You’ll be able to Deploy to Vercel and have the site online by the end of this tutorial! SO MUCH MORE! 🎙️ 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: Donate: https://links.papareact.com/donate 🕐 TIMESTAMPS: https://www.seevid.ir/fa/w/rCselwxbUgA Introduction https://www.seevid.ir/fa/w/rCselwxbUgA Build Showcase https://www.seevid.ir/fa/w/rCselwxbUgA Sanity Sponsorship https://www.seevid.ir/fa/w/rCselwxbUgA Build Explanation https://www.seevid.ir/fa/w/rCselwxbUgA Setting up Next.js & Tailwind CSS https://www.seevid.ir/fa/w/rCselwxbUgA Initialising the Build https://www.seevid.ir/fa/w/rCselwxbUgA Building the Sidebar Component https://www.seevid.ir/fa/w/rCselwxbUgA Building the SidebarRow Component https://www.seevid.ir/fa/w/rCselwxbUgA Building the Feed Component (1/2) https://www.seevid.ir/fa/w/rCselwxbUgA Building the Widgets Component https://www.seevid.ir/fa/w/rCselwxbUgA Implementing Responsive Design https://www.seevid.ir/fa/w/rCselwxbUgA Building the TweetBox Component https://www.seevid.ir/fa/w/rCselwxbUgA Setting up Sanity https://www.seevid.ir/fa/w/rCselwxbUgA Setting up Sanity Schemas https://www.seevid.ir/fa/w/rCselwxbUgA Explaining and Implementing Server Side Rendering https://www.seevid.ir/fa/w/rCselwxbUgA Creating a Type Definition File using TypeScript https://www.seevid.ir/fa/w/rCselwxbUgA Pulling Tweets from Sanity to the Feed https://www.seevid.ir/fa/w/rCselwxbUgA Building the Feed Component (2/2) https://www.seevid.ir/fa/w/rCselwxbUgA Building the Tweet Component https://www.seevid.ir/fa/w/rCselwxbUgA Implementing Comment Functionality https://www.seevid.ir/fa/w/rCselwxbUgA Implementing react-hot-toast https://www.seevid.ir/fa/w/rCselwxbUgA Implementing the Login Functionality using NextAuth https://www.seevid.ir/fa/w/rCselwxbUgA Implementing the Image URL Functionality https://www.seevid.ir/fa/w/rCselwxbUgA Adding Tweet Functionality using Mutations https://www.seevid.ir/fa/w/rCselwxbUgA CHECK PINNED COMMENT! (Adding Comment Functionality) DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Twitter 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 #nextjs #sanitycms #tailwindcss

• #education
• #react
• #developer
• #reactjs
• #html
• #css
• #js
• #javascript
• #papa
• #papareact
• #papa_react
• #tutorial
• #frontend
• #webdev
• #web_dev
• #clone
• #fullstack
• #backend
• #motivation
• #reactnative
• #react_native
• #redux
• #typescript