Fakebook ·

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 and fill in your Firebase Configurations & NextAuth Configurations then save it as .env.local the run the following command:

npm run dev
# or
yarn run dev

Demo

The app hosted on Vercel. Click here to visit.
Direct link: https://fakebook.salimi.my

Screenshots

Login

Feed

Menu

Create post