{"id":22351939,"url":"https://github.com/samarbadriddin0v/google-drive-clone","last_synced_at":"2025-04-09T11:11:17.924Z","repository":{"id":211559858,"uuid":"728528559","full_name":"samarbadriddin0v/google-drive-clone","owner":"samarbadriddin0v","description":"Build a feature-rich Google Drive clone with Next.js, Firebase, Stripe, and Clerk. Learn to create a secure, scalable, and monetizable cloud storage application in this comprehensive course.","archived":false,"fork":false,"pushed_at":"2024-12-16T04:42:22.000Z","size":2864,"stargazers_count":72,"open_issues_count":1,"forks_count":13,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-02T08:08:41.880Z","etag":null,"topics":["clerk","firbase","nextjs","shadcn-ui"],"latest_commit_sha":null,"homepage":"https://drive.sammi.ac","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/samarbadriddin0v.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-12-07T06:09:47.000Z","updated_at":"2025-03-24T08:16:00.000Z","dependencies_parsed_at":"2023-12-09T11:25:02.011Z","dependency_job_id":"5cc2a5f7-62d5-420a-8bde-b34298aa0503","html_url":"https://github.com/samarbadriddin0v/google-drive-clone","commit_stats":null,"previous_names":["samarbadriddin0v/google-drive-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samarbadriddin0v%2Fgoogle-drive-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samarbadriddin0v%2Fgoogle-drive-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samarbadriddin0v%2Fgoogle-drive-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samarbadriddin0v%2Fgoogle-drive-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samarbadriddin0v","download_url":"https://codeload.github.com/samarbadriddin0v/google-drive-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248027407,"owners_count":21035594,"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":["clerk","firbase","nextjs","shadcn-ui"],"created_at":"2024-12-04T12:16:40.091Z","updated_at":"2025-04-09T11:11:17.892Z","avatar_url":"https://github.com/samarbadriddin0v.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\" id=\"title\"\u003eNextJS Firebase Stripe Clerk - Google Drive Clone Project\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://media.graphassets.com/u1mIG68sT6Gz79zhMurn\" alt=\"project-image\"\u003e\u003c/p\u003e\n\n\u003cp id=\"description\"\u003eEmbark on an exciting journey of building a Google Drive clone with the Next.js framework Firebase for backend functionality Stripe for payment integration and Clerk for authentication. This comprehensive course is designed for web developers eager to enhance their skills by creating a feature-rich cloud storage application that mirrors the functionality of Google Drive.\u003c/p\u003e\n\n\u003ch2\u003e🚀 Demo\u003c/h2\u003e\n\n[https://drive.sammi.ac](https://drive.sammi.ac)\n\n\u003ch2\u003e🧐 Features\u003c/h2\u003e\n\nHere're some of the project's best features:\n\n- Stripe Integration\n- Clerk Authentication\n- Firebase Backend\n- Light and Dark mode 🌓\n- List rename delete drag \u0026 drop reorder and copy\n- Stripe subscription for each organization to unlock unlimited boards\n- Zustand state management\n- Detail-oriented effects and animations using TailwindCSS\n- Environment Typescript NextJS Setup\n\n\u003ch2\u003e🛠️ Installation Steps:\u003c/h2\u003e\n\n\u003cp\u003e1. Install packages\u003c/p\u003e\n\n```\nnpm install \u0026 yarn install\n```\n\n\u003cp\u003e2. Setup .env file\u003c/p\u003e\n\n```\nNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=\nCLERK_SECRET_KEY=\nNEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in\nNEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up\nNEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/\nNEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/\nNEXT_PUBLIC_FIREBASE_API_KEY=\nNEXT_PUBLIC_STRIPE_SECRET_KEY=\nNEXT_PUBLIC_DOMAIN=\n```\n\n\u003cp\u003e3. Start the app\u003c/p\u003e\n\n```\nnpm run dev \u0026 yarn dev\n```\n\n\u003ch2\u003e💻 Built with\u003c/h2\u003e\n\nTechnologies used in the project:\n\n- ReactJS\n- NextJS app routes\n- NodeJS\n- TailwindCSS\n- ShadcnUI\n- Clerk\n- Stripe\n- TypeScript\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamarbadriddin0v%2Fgoogle-drive-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamarbadriddin0v%2Fgoogle-drive-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamarbadriddin0v%2Fgoogle-drive-clone/lists"}