August 11, 2023

A fullstack tiktok clone using next js

TikTok Clone

Full Stack tiktok clone using nextjs

TikTok Clone build using next js.

N|APP 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

License

MIT

View Github