Let's build Facebook 2.0 with REACT.JS! (Next.js, Tailwind CSS, Image Uploading, Facebook Login)

Build All-In-One courier Delivery with admin panels custom and courier app

I think you should make another video on payment proof.

Great videos man, you are helping and teaching to a lot of people around the world, send you a hug from mexico, if one day you come to mexico city i owe you some tacos 👍

Nice one 👍👍

failed with your first steps now im stuck cause mine is looking different on vscode to yours

can you make colne of threads...!

After building this clone, can I circulate this among my friends and ask them to open an account here and post something so that I can see their posts and they can see mine in the Newsfeed of this clone ?

I deployed this on netlify and it was working fine. Then the app log in authentication suddenly stopping working last night and got the following error.

'This URL Is Blocked The URL "my app URL" has been blocked from Facebook.'

Got the following error in Meta for developer app, 'This domain has been identified as malicious and/or abusive.'

How do I fix this? Thank you.

Edit: it works on localhost.

when i install it dont have pages or styles

The code is not showing up properly. wasted time..

someone help me please

i got this error

TypeError: _firebase__WEBPACK_IMPORTED_MODULE_4__.storage.ref is not a function

.then((doc) => {
30 | if (imageToPost) {
> 31 | const uploadTask = storage
| ^
32 | .ref(`posts/${doc.id}`)
33 | .putString(imageToPost, "data_url");

Hey guy you're really handsome. No homo though 😀

doesn't accept auth
the sign in page from facebook redirects to out sign in component page

is it next js 13 ?

Oh you build face book in 3hrs 39 min ,great, Mark Zuckerberg must know that he spent his whole life building Facebook,how could you do it Sony Sangha ,in quite a less span of time 😂😂😂,I know you might feel thinking my substance of research in your video length but the title of this video indicated that you build face book in 3hrs 39 minutes,😂😂😂🤫😁,just roasting you

Pls what is the name of the instrumental beat used in the beginning of this video

You were using vscodium instead of vscode?

Hi folks , can someone tell me before i start building? :D whats the different between this build and the one that Sonny built 2 years ago at the other live session? the contact bar and media querry?

DEBUGGING FIREBASE ISSUE:
npm install [email protected]

Hi am interested in react programming where do I start, i have no clue. What do you install too use react

Love your videos. Just bought the github repo access. Thanks Sonny. Love that you're representing the UK too!

why i run npm run dev it delete file .env.local

why

please rep me

why cannot add .env.local

how to get icon facebook in this video

MY firebase storage is giving error i.e. storage is not a function

those of you stock the provider import if you're using latest nextauth
This is coded with typescript(.tsx files instead of .js)
here is my code
import { SessionProvider } from "next-auth/react"
import type { Session } from "next-auth"
function MyApp({ Component,pageProps:{ session, ...pageProps } }: AppProps<{ session: Session }>) {
//const status=getSession()
return
<SessionProvider session={session} >
<Component {...pageProps} />
</SessionProvider>

}

export default MyApp


extras
onClick={()=>signIn()}


Facebook component
import { Session } from 'next-auth'
session:Session as loginprops

I'm facing an issue when uploading a post is not reflecting in firebase. can anyone help I did the same as it is in the video

Can we convert this into apk?

🔴

Hi Sonny. can you do a video of cloning a facebook and integrate it with with ecommence website within the Facebook App as in one App.

this guy is a legend

You are a great man

Why we need to use Next-Auth for auth system .Can we do auth without Next-Auth libaries?What is the key of using Next-Auth.
I feel like writing react app without knowing javascript

Nice video good video

Where’s the share post part?

thank you so much for your video, it's very helpfully

Hello - you are amazing! Are you based in London?

import NextAuth from "next-auth";
import Providers from "next-auth/providers";

export default NextAuth({
providers: [
Providers.Google({
clientId: process.env.GOOGLE_CLIENT_ID,
clientSecret: process.env.GOOGLE_CLIENT_SECRET,
}),
],
pages: {
signIn: "/signin",
},
});

using this as my validation
import { providers, signIn, getSession, csrfToken } from "next-auth/client";

function signin({ providers }) {
return (
<div>
{Object.values(providers).map((provider) => {
return (
<div key={provider.name}>
<button onClick={() => signIn(provider.id)}>
Sign in with {provider.name}
</button>
</div>
);
})}
</div>
);
}

export default signin;

export async function getServerSideProps(context) {
const { req } = context;
const session = await getSession({ req });

if (session) {
return {
redirect: { destination: "/" },
};
}

return {
props: {
providers: await providers(context),
csrfToken: await csrfToken(context),
},
};
}
this is my sign in

I am able to get it to the google login but it fails the validation with a client id error

good build but it won't accept authentication

Hi I have a question?

What's the advantage of using Firestore as opposed to having your own backend?

Holy crappers! Is there a less difficult way to make this "create story" thing work - as a widget/plugin for newbies like myself? lol

Can you speak in hindi

When it become responsive for mobile where that notification icon gone

it didn't work when I deployed it on vercel