Loading...

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

172716 5748________

What a journey this one was. I thought I picked a "reasonable" task with a Google Drive clone...nope.

IMPORTANT LINKS:
UI starter - v0.dev/chat/google-drive-clone-ui-6jEAM0wxOgc?b=b_…
SingleStore tutorial - www.singlestore.com/blog/singlestore-drizzle-integ…
CI FILE - github.com/t3dotgg/drive-tutorial/blob/main/.githu…

SPONSORS/PROVIDERS:
Netlify - soydev.link/netlify
SingleStore - soydev.link/singlestore
Clerk - soydev.link/clerk
UploadThing - soydev.link/uploadthing
PostHog - soydev.link/posthog

Github repo - 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 t3.gg/

S/O Ph4se0n3 for the awesome edit 🙏

コメント