Today we build a small full-stack web app with user authentication, email verification, and database functionality using Bolt.new + Supabase - all while trying to stay under the free daily Bolt.new token limit.
While building, we encounter joys, frustrations, and even dive into manual debugging. Towards the end of this video, I encounter Bolt.new deleting my code!! Very frustrating 😤
➡️ Project Overview video:
https://youtu.be/7eZtvC30XhQ?si=n5f42_GgmIIRUXW7
🚀 Need a custom web app or help with AI coding? Let's chat: https://jeremydevz.com/
I hope you find this video valuable. Thanks for watching!
Happy coding, 🤙🏽👨🏽💻
Jeremy
⌚️ Timecodez ⌚️
00:00 Intro
00:57 Web App UI Mockup
01:43 Supabase project setup
02:17 Prompt #1 Overview
04:20 Supabase Project API details
04:32 Bolt Diffs feature + token limit
05:09 Entering Prompt #1 into Bolt & verifying UI
05:52 Token check #1
05:59 Prompt #2 Overview
08:32 Entering Prompt #2 into Bolt & verifying UI
09:35 Running SQL, verifying tables & policies
10:35 Email verification setup in Supabase
11:05 Verifying empty tables
11:25 Token check #2
11:33 Prompt #3 Overview
12:56 Entering Prompt #3 into Bolt
13:12 Testing account creation, email verification, login/logout flows
14:40 Testing saving profile + record data to database
16:39 Database data issue
17:49 Avatar upload doesn't work
18:00 Testing reading from database
18:30 Token check #3
18:45 Prompting bolt to fix its issues
21:34 Bolt didn't fix distance input field issue
22:12 Bolt didn't fix saving avatar
22:50 Token check #4: realizing I have one more prompt
23:00 Debugging db error manually
25:50 Fixed db error, db saving works
27:10 Debugging avatar save error
27:40 Prompting bolt to fix avatar upload and distance input fields (again)
28:56 BOLT DELETED MY CODE
29:06 Final Token Check - ran out of tokens
29:17 More debugging, not realizing that my page.tsx got obliterated
30:12 Summary
31:17 BONUS - how Bolt messed up the project