TikTok Clone

Full Stack tiktok clone using nextjs

TikTok Clone build using next js.

Click the icon above to access demo app ☝️

Features

• Upload videos.
• Google Authentication
• Watch and like them

Tech

• Next js - The React Framework for Production
• Mognodb - No SQL database

Installation

TikTok Clone requires Node.js to run.

prequisites:

• node.js
• npm
• next.js
• mongodb (driver)

Create a   .env  file

GOOGLE_CLIENT_ID=XXXXXXXXXXXXXX // Obtain google client id to make google auth work
GOOGLE_CLIENT_SECRET=XXXXXXXXXXXXXX // Obtain google client secret to make google auth work
NEXTAUTH_URL=http://localhost:3000/ // Change this to your deployed url in production
JWT_SECRET=XXXXXXXXXXXXXX // A random string to use in JWT

Install the dependencies and start the server.

git clone https://github.com/prajyu/TikTok-Clone.git
cd TikTok-Clone
npm i
npm run dev

For production environments...

edit the   .env   file and add these three enviornment variables

USER=XXXXXXXXXXXXXX // Mongo DB credentials
PASSWORD=XXXXXXXXXXXXXX // Mongo DB credentials
DATABASE=XXXXXXXXXXXXXX // Mongo DB credentials

npm run build
npm start

Verify the deployment by navigating to your server address in your preferred browser.

localhost:3000

GoogleProvider

https://next-auth.js.org/providers/google https://blog.openreplay.com/user-authentication-with-google-next-auth