{"id":20171205,"url":"https://github.com/john-weeks-dev/tiktok-clone-nextjs","last_synced_at":"2025-03-17T15:13:31.312Z","repository":{"id":194468106,"uuid":"683124721","full_name":"John-Weeks-Dev/tiktok-clone-nextjs","owner":"John-Weeks-Dev","description":"Build and Deploy a Full Stack TikTok Clone with Next JS, React, Typescript, Tailwind CSS, AppWrite, and Vercel","archived":false,"fork":false,"pushed_at":"2024-07-06T23:14:57.000Z","size":23336,"stargazers_count":131,"open_issues_count":5,"forks_count":73,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-02T13:11:20.130Z","etag":null,"topics":["appwrite","fullstack","html5","javascript","nextjs","nextjs13","react","reactjs","tailwind","tailwindcss","tiktok-clone","typescript","vercel","vercel-deployment"],"latest_commit_sha":null,"homepage":"https://www.youtube.com/watch?v=7zLyVzItZlQ","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/John-Weeks-Dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-25T16:54:42.000Z","updated_at":"2025-02-28T04:41:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"4fd89cd5-dd6f-4526-9746-be24dac56429","html_url":"https://github.com/John-Weeks-Dev/tiktok-clone-nextjs","commit_stats":null,"previous_names":["john-weeks-dev/tiktok-clone-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/John-Weeks-Dev%2Ftiktok-clone-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/John-Weeks-Dev%2Ftiktok-clone-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/John-Weeks-Dev%2Ftiktok-clone-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/John-Weeks-Dev%2Ftiktok-clone-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/John-Weeks-Dev","download_url":"https://codeload.github.com/John-Weeks-Dev/tiktok-clone-nextjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244056424,"owners_count":20390719,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["appwrite","fullstack","html5","javascript","nextjs","nextjs13","react","reactjs","tailwind","tailwindcss","tiktok-clone","typescript","vercel","vercel-deployment"],"created_at":"2024-11-14T01:23:48.790Z","updated_at":"2025-03-17T15:13:31.269Z","avatar_url":"https://github.com/John-Weeks-Dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TikTok Clone NextJs 13 / (tiktok-clone-nextjs)\n\n### Learn how to build this!\n\nIf you'd like a step-by-step guide on how to build this just **CLICK THE IMAGE BELOW**\n\n[![GO TO JOHN WEEKS DEV TUTORIAL VIDEOS](https://github.com/John-Weeks-Dev/tiktok-clone-nextjs/assets/108229029/024e5a4e-a5fe-4dbb-95d1-3686c9b51053)](https://www.youtube.com/watch?v=7zLyVzItZlQ)\n\nCome and check out my YOUTUBE channel for lots more tutorials -\u003e https://www.youtube.com/@johnweeksdev\n\n**LIKE**, **SUBSCRIBE**, and **SMASH THE NOTIFICATION BELL**!!!\n\n## App Setup (localhost)\n\n```\ngit clone https://github.com/John-Weeks-Dev/tiktok-clone-nextjs.git\n\ncp .env.example .env\n```\n\nYou'll have to set up an AppWrite account, and then add all of the details into your .env file.\n\n## AppWrite Schema\n\n### Database Name: tiktok-clone\n\n### Profile Collection:\n| Key | Type |\n| --- | --- |\n| `Document ID` | String |\n| `image` | String |\n| `bio` | String |\n| `user_id` | String |\n| `name` | String |\n\nProfile Indexes:\n| KEY           | TYPE          | ATTRIBUTE     | ASC/DESC      |\n| ------------- | ------------- | ------------- | ------------- |\n| user_id       | key           | user_id       | asc           |\n| name          | fulltext      | name          | asc           |\n\nProfile Settings (Update Permissions):\n| Add Role      | PERMISSIONS   |\n| ------------- | ------------- |\n| All guests    | Read          |\n| All users     | Create, Read, Update, Delete |\n\n### Post Collection:\n| Key | Type |\n| --- | --- |\n| `Document ID` | String |\n| `user_id` | String |\n| `video_url` | String |\n| `text` | String |\n| `created_at` | String |\n    \nPost Indexes:\n| KEY           | TYPE          | ATTRIBUTE     | ASC/DESC      |\n| ------------- | ------------- | ------------- | ------------- |\n| user_id       | key           | user_id       | asc           |\n\nProfile Settings (Update Permissions):\n| Add Role      | PERMISSIONS   |\n| ------------- | ------------- |\n| All guests    | Read          |\n| All users     | Create, Read, Update, Delete |\n\n### Like Collection:\n| Key | Type |\n| --- | --- |\n| `Document ID` | String |\n| `user_id` | String |\n| `post_id` | String |\n\nLike Indexes: \n| KEY           | TYPE          | ATTRIBUTE     | ASC/DESC      |\n| ------------- | ------------- | ------------- | ------------- |\n| user_id       | key           | user_id       | asc           |\n| id            | unique        | id            | asc           |\n| post_id       | key           | post_id       | asc           |\n\nLike Settings (Update Permissions):\n| Add Role      | PERMISSIONS   |\n| ------------- | ------------- |\n| All guests    | Read          |\n| All users     | Create, Read, Update, Delete |\n\n### Comment Collection:\n| Key | Type |\n| --- | --- |\n| `Document ID` | String |\n| `user_id` | String |\n| `post_id` | String |\n| `text` | String |\n| `created_at` | String |\n    \nComment Indexes:\n| KEY           | TYPE          | ATTRIBUTE     | ASC/DESC      |\n| ------------- | ------------- | ------------- | ------------- |\n| post_id       | key           | post_id       | asc           |\n\nComment Settings (Update Permissions):\n| Add Role      | PERMISSIONS   |\n| ------------- | ------------- |\n| All guests    | Read          |\n| All users     | Create, Read, Update, Delete |\n\n\nOnce you've connected your application to AppWrite. Run the commands.\n    \n```\nnpm i\n\nnpm run dev\n```\n\nYou should be good to go! If you need any more help, take a look at the tutorial video by clicking the image above.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohn-weeks-dev%2Ftiktok-clone-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohn-weeks-dev%2Ftiktok-clone-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohn-weeks-dev%2Ftiktok-clone-nextjs/lists"}