Skip to content

lhanhfire1999/next-tiktok

Repository files navigation

Responsive Next Tiktok Website

Demo URL: https://next-tiktok.onrender.com

A fullstack Tiktok clone with NextJs's latest version 13.

Technologies

  • NextJs, TypeScript, Scss
  • Socket.IO
  • SWR
  • react-hook-form
  • next-auth (Authentication).
  • next-intl (Internationalization).
  • MongoDB (Mongoose)
  • And other libraries as classnames, query-string, ...

Features

  • Authentication (with Google)
  • Internationalized Routing (English and Vietnamese)
  • Infinite scroll for video and comment
  • Realtime comment and reply comment
  • Social sharing (Facebook and Twitter)
  • Upload video
  • Toggle theme (Dark / White Mode)
  • Follow user
  • Like a video
  • Search accounts
  • Responsive and SEO

Preview

Homepage

Modal Auth

Homepage when login

Home page with white mode and vietnamese

Video detail page

Upload video

Upload video with white mode and vietnamese

Search accounts

Resource

NextJs 13: https://beta.nextjs.org/docs

Socket.IO: https://socket.io/get-started/

SWR: https://swr.vercel.app/docs/getting-started

next-intl: https://next-intl-docs.vercel.app/docs/getting-started

react-hook-form: https://react-hook-form.com/get-started/

next-auth: https://next-auth.js.org/getting-started/example

Search accounts API: https://tiktok.fullstack.edu.vn/api

Video API: https://next-tiktok.onrender.com/api/discover

Following accounts API: https://next-tiktok.onrender.com/api/follow-account

Suggest accounts API: https://next-tiktok.onrender.com/api/suggest-account

Upload Video API: https://next-tiktok.onrender.com/api/upload