Twitter-Clone - Twitter clone in Next JS and Firebase

A working Twitter clone built in Next JS using Firebase auth,realtime,firestore database and storage.This Project is Only for learning Purpose. Anyone can Learn using the Project and Contribute.

Features

• Google and Github Authentication is Available
• User can create Account,can Manage Account and can Change and Upload Profile and Cover Image
• User Can tweet,Like ,Comment and can Follow others in Twitter-clone
• User can Post Media,texts and Inreactive Emogies with it.
• User Can Create Threads of Comments

Setup Project

Add Firebase Project Credentials in firebase.js

const firebaseConfig = {
	apiKey: "", //Firebase Project API KEY
	authDomain: "", //Firebase Project authDomain
	projectId: "", //Firebase Project project ID
	storageBucket: "", //Firebase Project storage Bucket
	messagingSenderId: "", //Firebase Project message sender id
	appId: "", //Firebase Project app ID
};

Add Environment Variables .env File

NEXTAUTH_GOOGLE_CLIENTID="" #From Google Consol
NEXTAUTH_GOOGLE_CLIENTSECRET="" #From Google Consol
NEXTAUTH_SECRET="dfg64fdgdf5gdf4gfsdf54fds5sdf4"
NEXTAUTH_URL="http://127.0.0.1:3000"

Getting Started With Project

1. Need Node Js v16^
2. VS Code
3. Download Code From Github or Clone IT
4. Go To Project Directory
5. Open VsCode and Open Terminal
6. Type npm install
7. For Localhost :

Development Build

npm run dev

Production Build

npm run build && npm start

Dependencies

Click to expand

• next
• firebase
• next-auth
• react
• react-dom
• react-icons
• react-redux
• sharp
• tailwind-scrollbar-hide
• timeago.js
• uuid
• autoprefixer
• postcss
• tailwindcss
• @next/font
• @reduxjs/toolkit
• emoji-picker-react

Created & Maintained By

Rohit Tiwari

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of ☕

You can also nominate me for Github Star developer program https://stars.github.com/nominate

Visitors Count