Background color

TikTok PWA sample from api.video

Rebuilding TikTok with api.video, PWA, Next.js and Typescript

Next.js & api.video

About Next.js and TypeScript

Next.js is an open-source React framework created by Vercel for building server-side rendered (SSR) and statically generated web applications. It simplifies the development process by providing built-in features like automatic code splitting, server-side rendering, and route pre-fetching. Next.js also offers a wide range of plugins and a powerful API for extending its functionality.

TypeScript is an open-source programming language developed by Microsoft. It's a superset of JavaScript, meaning that it builds on top of JavaScript by adding static typing and other features to help developers write more robust and scalable code.

About building a TikTok clone as a PWA with api.video

 
Thanks to api.video’s features, it is possible to build a TikTok clone as a Progressive Web App (PWA) with api.video and Next.js, in just a few steps.

TikTok’s core functionality is to create and share short-form content. With api.video's packages, you already have everything you need to build a TikTok-like PWA.

  1. Get videos with @api.video-node.js-client package
  2. Display videos with @api.video/react-player package
  3. Upload videos with @api.video-typescript-uploader package

 

The rest is up to you! For more info, check out the links below.

Check out our other demos/examples:

Need extra API clients, libraries and integrations? Check the other resources from our catalog

Build your own with api.video

Create your own example, tool or integration and submit to our catalog.