A fullstack tiktok clone using next js

by React

TikTok Clone

Full Stack tiktok clone using nextjs

TikTok Clone build using next js.


Click the icon above to access demo app ☝️

View Demo View Github

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

License

MIT