https://linkedin-beta-six.vercel.app/
This app was built to implement linkedIn UI with little backend features The linkedin clone was built with: NextJS, MongoDB __TailwindCSS. It leverages on NextJS simplicity .
NextJS handles all the client-side functionalities like: State Management, UI rendering,routing, Caching and so on.
NextJS also handles the server-side developments, such as: Authentication,Server Side Rendering(SSR), CRUD operations,routing, Storage etc. basically all operations you would normally do on the backend which is super-awesome!!!
- Authentication (Sign in and Sign up) with email and password.
- Post creation and deletion.
- Like a post feature
- Profile update - set profile picture, bio and name
- Settings feature - set theme mode (dark or light),
- Go ahead and clone this repo to your local machine.
- Make sure you have node installed.
- On your command line type and run
npm install
to install all dependencies. - This project uses some environment variables so create a .env file
- When done creating your .env file, you environment variables would contain your Firebase configurations Create a new project on Firebase, the instruction for that is out of the scope of this, but the instrucitons firebase gives in the doc is pretty easy.
- Now in your .env file; ADD the following variables
GOOGLE_CLIENT_ID is your Google ClientId
GOOGLE_CLIENT_ID is your Google Client Secret
MONGODB_URL is your MongoDB URL
MONGODB_DB is your MongoDB name
JWT_SECRET is your unique generated key
NEXTAUTH_URL is your index page, if using your local machine set it to the URL and PORT your Next server is currently on. - now RUN
npm run dev
That is all you need to run the project