Facebook Clone with Next.js

It is the clone of the Facebook where you can upload the post with the images it is in realtime this is full responsive and you can also install it as the PWA, This web app uses next-auth for authentication with Google, Facebook, Github and bu

Features

• Realtime Post and Update
• Fullscreen mode
• Installable PWA
• Post Images with test
• Full Responsiveness

Technologies used

 

Demo

Click Here to see the Live Demo

Screenshots

Getting Started

Create a directory or a folder

  mkdir project

Clone the project

  git clone https://github.com/j471n/next-fb-clone.git

Go to the project directory

  cd project

Install dependencies

  npm install
  # or
  yarn

First, run the development server:

  npm run dev
  # or
  yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

NEXTAUTH_URL=http://localhost:3000

FACEBOOK_CLIENT_ID

FACEBOOK_CLIENT_SECRET

GOOGLE_CLIENT_ID

GOOGLE_CLIENT_SECRET

GITHUB_CLIENT_ID

GITHUB_CLIENT_SECRET

License

MIT

Feedback

If you have any feedback, please reach out to us at jatinsharma089659@gmail.com

Developer

• @j471n