MENU

Fun & Interesting

My Biggest Tutorial Ever (Build A FULL Google Drive Clone with React, Next, TypeScript and more)

Theo - t3․gg 49,134 1 day ago
Video Not Working? Fix It Now

What a journey this one was. I thought I picked a "reasonable" task with a Google Drive clone...nope. IMPORTANT LINKS: UI starter - https://v0.dev/chat/google-drive-clone-ui-6jEAM0wxOgc?b=b_fFQhsfElqQi&f=0 SingleStore tutorial - https://www.singlestore.com/blog/singlestore-drizzle-integration/ CI FILE - https://github.com/t3dotgg/drive-tutorial/blob/main/.github/workflows/ci.yaml SPONSORS/PROVIDERS: Netlify - https://soydev.link/netlify SingleStore - https://soydev.link/singlestore Clerk - https://soydev.link/clerk UploadThing - https://soydev.link/uploadthing PostHog - https://soydev.link/posthog Github repo - https://github.com/t3dotgg/drive-tutorial Intro - 00:00 Init - 02:03 UI scaffolding - 07:26 CI/CD and deployment - 12:23 Database setup (with SingleStore) - 22:58 Database schema and table creation - 53:04 Connecting the UI to the database - 1:08:18 Fixing breadcrumbs - 1:31:22 Tidying up data layer - 1:39:48 Authentication (with Clerk) - 1:49:30 File uploads (with UploadThing) - 2:02:55 Modeling files in DB - 2:23:39 Analytics (with Posthog) - 2:40:46 General tidying up - 2:58:40 Home page and onboarding flows - 3:10:49 Homework - 3:23:53 Outro - 3:26:51 Check out my Twitch, Twitter, Discord more at https://t3.gg S/O Ph4se0n3 for the awesome edit 🙏

Comment