Watch at 1.5x speed, guys 🙏
If you wanna learn together, join the free Discord 👉 https://discord.gg/CBC2Affwu3
If you want the link to the github repo, let me know in the comments & I will clean it up and make it available to you.
00:00 Intro
02:35 Build the frontend with Bolt
13:40 Creating ToDo's for the app
17:58 Setup Authentication with Clerk
40:00 Setup initial Zustand store
45:02 Explaining state management conceptually
49:59 Setup Supabase
56:58 Initial React Query Setup
01:03:45 Connecting Clerk + Supabase
01:07:57 Setup Prisma
01:11:38 Successfully add authenticated user to Supabase
01:18:23 Planning keyword search feature implementation
01:25:55 YT API integration
01:38:18 YT integration with frontend
01:42:01 Successfully fetch YT videos
01:48:35 Connecting React Query + Zustand
01:56:48 Add transcript field to db
02:06:34 Add idea generation with DeepSeek
02:10:45 Setup DeepSeek api integration
02:25:45 Add Idea history
02:29:31 Plan Chat feature for DeepSeek
02:35:49 FYI regarding documentation
02:58:31 Chat feature is working
03:02:00 Setup Stripe
03:03:53 Setup webhook events
03:08:34 Update database schema
03:15:00 create test route for billing
03:23:23 create stripe customer successfully
03:27:40 increase free generations field in db
03:28:00 successfully show upgrade modal
03:34:20 Explain subscription flow
03:37:01 Showcase payment integration
03:40:12 explanation for payment integration
03:43:00 Conclusion
In this video I'm building a small barebone VidIQ clone with DeepSeek V3, Windsurf and Bolt. This is the follow up video for my last video where I shared my planning process for complex web applications with you.
Again, there's still a lot to learn and I don't claim I have it all figured out. I just hope this video will help others who are on the same path as me. If you have anything to add, drop a comment below.
You can also just say hi, I always like connecting with new people. 👋