Let's build Facebook 2.0 with REACT.JS! (Next.js, Tailwind CSS, Google Login,Full Tutorial - Beginner)
👑👑👑👑👑
Book a session with me on Fiver: [ Ссылка ]
Discord: [ Ссылка ]
Patreon: [ Ссылка ]
Code on Github: [ Ссылка ]
Second Video: "Soon"
Build a fully functional Facebook feed with comments!!!What you'll learn:
-How to use React, Next js and Tailwind CSS to build a FULLY mobile responsive web app!
-Tutorial for Beginners
TimeStamps:
0:00 Intro
0:14 Connecting to Auth
4:36 Connectinh to Firebase
10:18 Google Authentication
16:02 Creating the SignIn Page
18:38 Configuring Google Cloud Credentials
22:43 Adding the user session
37:07 Upload a post to Firebase
49:11 Importing the posts from firebase
55:35 Rendering the posts
1:04:53 Adding a Image functionality
1:25:15 Previewing the Image
1:31:02 Like Functionality
1:52:45 Comments Functionality
2:09:40 Intro
2:09:57 Fixing the comments
2:20:17 Adding nouser picture while signed out
2:29:45 Styling the sign in page
2:38:54 Uploading the project to github
2:40:15 Uploading project to vercel
2:41:13 Fixing the key prop
2:53:56 Final Result
Music:
1
––––––––––––––––––––––––––––––
Track: Machine Guy — gbry.svg [Audio Library Release]
Music provided by Audio Library Plus
Watch: [ Ссылка ]
Free Download / Stream: [ Ссылка ]
––––––––––––––––––––––––––––––
2
––––––––––––––––––––––––––––––
Track: The Portal — Next Route [Audio Library Release]
Music provided by Audio Library Plus
Watch: [ Ссылка ]
Free Download / Stream: [ Ссылка ]
––––––––––––––––––––––––––––––
3
––––––––––––––––––––––––––––––
Track: Eight — Land of Fire [Audio Library Release]
Music provided by Audio Library Plus
Watch: [ Ссылка ]
Free Download / Stream: [ Ссылка ]
––––––––––––––––––––––––––––––
4
––––––––––––––––––––––––––––––
Track: Tiger — Metro Vice [Audio Library Release]
Music provided by Audio Library Plus
Watch: [ Ссылка ]
Free Download / Stream: [ Ссылка ]
––––––––––––––––––––––––––––––
5
––––––––––––––––––––––––––––––
Days Like This by Justhea [ Ссылка ]
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
Free Download / Stream: [ Ссылка ]
Music promoted by Audio Library [ Ссылка ]
––––––––––––––––––––––––––––––
6
––––––––––––––––––––––––––––––
Crimson - Mehul Choudhary [ Ссылка ]...
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: [ Ссылка ]
Music promoted by Audio Library [ Ссылка ]
––––––––––––––––––––––––––––––
7
––––––––––––––––––––––––––––––
Letting Go by Hotham [ Ссылка ]
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: [ Ссылка ]
Music promoted by Audio Library [ Ссылка ]
––––––––––––––––––––––––––––––
8
––––––––––––––––––––––––––––––
Highfly by Jay Someday [ Ссылка ]
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: [ Ссылка ]
Music promoted by Audio Library [ Ссылка ]
––––––––––––––––––––––––––––––
9
––––––––––––––––––––––––––––––
Keep Me by tubebackr [ Ссылка ]
Creative Commons — Attribution-NoDerivs 3.0 Unported — CC BY-ND 3.0
Free Download / Stream: [ Ссылка ]
Music promoted by Audio Library [ Ссылка ]
––––––––––––––––––––––––––––––
10
––––––––––––––––––––––––––––––
Daytrip by Spiring [ Ссылка ]
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: [ Ссылка ]
Music promoted by Audio Library [ Ссылка ]
––––––––––––––––––––––––––––––
DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Facebook 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.
![](https://i.ytimg.com/vi/wl_7gd7qjVQ/maxresdefault.jpg)