45 | );
46 | }
47 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | ```
12 |
13 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
14 |
15 | You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
16 |
17 | [API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
18 |
19 | The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
20 |
21 | ## Learn More
22 |
23 | To learn more about Next.js, take a look at the following resources:
24 |
25 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
26 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
27 |
28 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
29 |
30 | ## Deploy on Vercel
31 |
32 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
33 |
34 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
35 |
--------------------------------------------------------------------------------
/pages/auth/signin.js:
--------------------------------------------------------------------------------
1 | import Header from "../../components/Header";
2 | import { getAuth, GoogleAuthProvider, signInWithPopup } from "firebase/auth";
3 | import { db } from "../../firebase";
4 | import { doc, getDoc, serverTimestamp, setDoc } from "firebase/firestore";
5 | import { useRouter } from "next/router";
6 | export default function Signin() {
7 | const router = useRouter();
8 | async function onGoogleClick() {
9 | try {
10 | const auth = getAuth();
11 | const provider = new GoogleAuthProvider();
12 | await signInWithPopup(auth, provider);
13 | const user = auth.currentUser.providerData[0];
14 | const docRef = doc(db, "users", user.uid);
15 | const docSnap = await getDoc(docRef);
16 | if (!docSnap.exists()) {
17 | await setDoc(docRef, {
18 | name: user.displayName,
19 | email: user.email,
20 | userImg: user.photoURL,
21 | uid: user.uid,
22 | timestamp: serverTimestamp(),
23 | username: user.displayName.split(" ").join("").toLocaleLowerCase(),
24 | });
25 | }
26 | router.push("/");
27 | } catch (error) {
28 | console.log(error);
29 | }
30 | }
31 | return (
32 | <>
33 |
34 |
35 |
40 |
41 |
42 |
47 |
48 | This app is created for learning purposes
49 |
40 | 
47 |