https://github.com/salimi-my/facebook-clone
This is facebook clone created using Nextjs, Firebase, Recoil, Tailwind and NextAuthjs
https://github.com/salimi-my/facebook-clone
facebook-clone firestore-database nextauthjs nextjs tailwindcss
Last synced: about 1 month ago
JSON representation
This is facebook clone created using Nextjs, Firebase, Recoil, Tailwind and NextAuthjs
- Host: GitHub
- URL: https://github.com/salimi-my/facebook-clone
- Owner: salimi-my
- Created: 2022-01-04T16:18:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-09T02:05:47.000Z (5 months ago)
- Last Synced: 2025-03-20T18:07:31.452Z (about 2 months ago)
- Topics: facebook-clone, firestore-database, nextauthjs, nextjs, tailwindcss
- Language: JavaScript
- Homepage: https://fakebook.salimi.my
- Size: 2.86 MB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Fakebook](https://fakebook.salimi.my) · [](https://www.linkedin.com/in/mohamad-salimi/)
This is Facebook clone created using Next.js for educational purposes. User can login using Facebook login API, make posts with images, like posts and comment on posts.
## Exact copy of Facebook UI
- This is a clone of Facebook app
- Login using NextAuth.js through Facebook login api
- Realtime database using Firebase
- NextJS Server-side Rendering
- Hosted in Vercel
## Tech/framework used
- Next.js
- NextAuth.js
- Tailwind CSS
- Tailwind UI
- Firebase
- Recoil
- Vercel
## Starting the project
Open the [.env.local.example](/.env.local.example) and fill in your Firebase Configurations & NextAuth Configurations then save it as .env.local the run the following command:
```bash
npm run dev
# or
yarn run dev
```
## Demo
The app hosted on Vercel. [Click here](https://fakebook.salimi.my) to visit.
Direct link: `https://fakebook.salimi.my`
## Screenshots
#### Login
#### Feed
#### Menu
#### Create post
