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
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 - soydev.link/netlify
SingleStore - soydev.link/singlestore
Clerk - soydev.link/clerk
UploadThing - soydev.link/uploadthing
PostHog - 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 🙏

T3Dotgg's resource offers insights, tutorials, and resources for gamers and esports enthusiasts. Readers can learn about gaming news, esports events, and professional gaming strategies. With articles, reviews, and interviews, T3Dotgg provides  guidance and expertise for staying informed and competitive in the world of gaming.

Theo - t3․gg

In this extensive tutorial, the author shares a comprehensive guide on building a full Google Drive clone from scratch using React, Next.js, TypeScript, and other modern tools. By diving into real-world development scenarios, including debugging and using AI tools, the tutorial aims to provide a holistic learning experience. Key points include setting up the project, using various tools and technologies, deploying early, and ensuring smooth development workflows with effective debugging and deployment strategies. The tutorial is made possible by the support of several sponsors and is designed to be accessible to learners for free.

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

<p>the lord that rules tutorial hells</p>
