Back to Browse

Easily Build A Database In Google Antigravity ☁️ MCP + Supabase Tutorial

14.1K views
Mar 7, 2026
26:34

How can I sync my app between my phone & computer, for free? How can I use MCP tools in Antigravity? Today's video explores both of these concepts using MCP in Antigravity + Claude to connect a Supabase backend database to my app and test with Testsprite (https://www.testsprite.com/?via=wanderloots). Google Antigravity takes AI Coding to the next level in a full IDE, letting you build apps & vibe code/AI-code assist on your desktop including access to Claude which brings heavy coding power to keep you building ✨ Model Context Protocol (MCP) is a universal translator for AI agents, giving them access to thousands of tools without having to learn a new language. Antigravity has two easy ways of setting up MCP that I'll show you with two examples today: 1) a backend database with Supabase 2) automated testing with Testsprite I use a practical example of building a backend database for my RSS reader app (that I built in this video: https://youtu.be/MAUpppfg9Go), using a hybrid workflow of: 1) Gemini (for planning) 2) Claude (for building) 3) Gemini +Testsprite 2.1 (for testing) The ease at which I can connect MCP tools (model context protocol) is incredible. It was so easy for me to set up a backend database through Supabase, without having to configure data tables or migrate with SQL. It's honestly amazing how much I've learned and built in such a short time, leveraging Gemini 3 Pro is one of the most powerful LLMs out there, especially for coding (and it's free!). Combining the context & planning power of Gemini 3 with the coding power of Claude (Sonnet 4.6 & Opus 4.6) really does streamline your building process in Antigravity. If you want to check out Testsprite: https://www.testsprite.com/?via=wanderloots If you have questions on how to use AI testing tools, check out their discord here: https://discord.com/invite/GXWFjCe4an They're also having a hackathon on March 9th with a $3000 prize pool: https://www.testsprite.com/hackathon Adding Testsprite helps ensure that what you're building with Gemini & Claude actually works, so you can keep building without worrying about your app breaking. To learn how to add an auth system to your app: https://www.youtube.com/watch?v=yMJcHcCbgi4 To learn about deploying apps, check out this video here: https://www.youtube.com/watch?v=X_JBFLs3vAk I hope you enjoy! ✨ P.S. I greatly appreciate any feedback, please let me know what you think 😊 Join My Membership: https://www.youtube.com/channel/UCFiU1vIpPD3lQltke_18m3A/join 💌 Sign up for my [free newsletter: Recalibrating](https://paragraph.xyz/@wanderloots.eth?referrer=wanderloots.eth) 🧠 Join my [Hypersub Exclusive Membership ] (coming soon) 🏡 Wander my Digital Garden https://wanderloots.xyz 📰 Try Ground News For Research: 40% discount https://check.ground.news/wanderloots Timestamps: 00:00 How Do I Get Cross-Device Sync? (MCP Solution) 01:09 Today's Outline & Goals 01:29 The Problem: Current App Has No Sync 03:06 MCP Antigravity Method 1: App Store (Supabase Example) 04:32 Part 1: Installing Supabase MCP 06:21 MCP Method 2: Manual Mode (Testsprite Example) 09:31 Part 2: Data Migration - Local To Cloud 10:46 Prompting Antigravity Agent: Planning The Migration 13:42 Executing The Plan With Antigravity Agent (Gemini & Claude) 17:29 Reviewing What Was Changed 18:51 Part 3: Automatically Testing For Errors (Testsprite MCP) 20:15 Reviewing Test Results & Debugging 21:56 Automatic Testing Attempt 2 23:28 Part 4: Final Sync Test: Phone & Computer? 25:54 Concluding Thoughts & Ideas WATCH NEXT 🌱 Obsidian & Digital Gardens https://www.youtube.com/playlist?list=PLWhMzDKA7vJ7p50vW-oeZgKR2aDReZFW6 LINKS (MY WORLD) 🧭 [Recalibrating Newsletter Home](https://paragraph.xyz/@wanderloots.eth?referrer=wanderloots.eth) 🏔️To start reading from the beginning: [Recalibrating Newsletter Entry 1: What Recalibrating Means To Me](https://wanderloots.substack.com/p/1-what-recalibrating-means-to-me) 🌍 My [Website](https://wanderloots.com/) 📸 My [Print Shop](https://wanderloots.darkroom.com/) ✨ SOCIALS 🟣 [Farcaster](https://warpcast.com/wanderloots.eth) 📸 [Instagram](https://www.instagram.com/_wanderloots/) 📰 [Flipboard](https://flipboard.com/@_wanderloots) 📍 [Pinterest](https://www.pinterest.ca/wanderloots/) 🤖 [Reddit](https://www.reddit.com/user/_wanderloots) MY FAVOURITE TOOLS 😴 🤯 The [Waking Up App](https://dynamic.wakingup.com/guestpass/SC4914439) (use this link for a 30 day free trial) 📝 [Obsidian](https://obsidian.md/) (decentralized note-taking) 📹 [Adobe Suite](https://prf.hn/l/lQ9DwpA) (general creativity) EQUIPMENT USED 6. Camera [Sony A7iii](https://amzn.to/3seSHv6) 7. Lens [Sony F2 28 mm](https://amzn.to/3TiWCT2) 8. Tripod [K&F Concept](https://amzn.to/3soCKCP) 9. Main Lighting Neewer 660 PRO RGB: https://amzn.to/3CEcU2V

Download

1 formats

Video Formats

360pmp432.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Easily Build A Database In Google Antigravity ☁️ MCP + Supabase Tutorial | NatokHD