Войти
  • 105971Просмотров
  • 2 месяца назадОпубликованоWanderloots

How I Build Apps With Google AI Studio 💡 Full AI Coding Tutorial

Hi Friends, my name is Callum aka wanderloots. In today's video, I walk through how I used Google AI Studio (Gemini 2.5 Pro) to code an app for me. 📝💡 This video gives my step-by-step process & strategy on app-building and coding with AI (vibe coding), including prompt & context strategies for long term building ✨ UPDATE: Google AI Studio is an incredible powerful tool that has been helping me turn my ideas into reality. As a non-coder, I have been learning how to code using Gemini 2.5 Pro, enabled in Google AI Studio, while also using this same software to write code for me AND debug it. It's honestly amazing how much I've learned and built in such a short time, leveraging Gemini 2.5 Pro as one of the most powerful LLMs out there, especially for coding (and it's free!). With Obsidian being my favourite non-linear note-taking app, I thought it would be cool to build a custom, personal app for myself: an idea inbox. A dedicated mobile app that lets me drop thoughts & ideas in one place and have them appear in Obsidian for analysis later. Whether you are interested in Obsidian or not, the concept of ideating, roadmapping, planning, and developing an MVP app for yourself remains the same. Prompt engineering & context engineering are becoming more important than ever as AI tools continue to improve. We need to consider how to scale our apps from MVP to production, leveraging AI for coding along the way. I also touch on how to use GitHub for version control and how to use Google Cloud Run to deploy your app for sharing. Effectively, you can use Gemini 2.5 Pro as an agentic AI to code for you, versioning with GitHub, and deploying with Google Cloud Run. It's a full stack! To learn about deploying apps, check out the next video here: I hope you enjoy! ✨ To learn more about how the AI tools I use, check out my AI Learning Playlist: P.S. I greatly appreciate any feedback, please let me know what you think 😊 Join My Membership: 💌 Sign up for my [free newsletter: Recalibrating]( @ ?referrer= ) 🧠 Join my [Hypersub Exclusive Membership ] (coming soon) 🏡 Wander my Digital Garden 📰 Try Ground News For Research: 40% discount Timestamps: 00:00 Intro To App Building With Google AI Studio (Gemini 2.5 Pro) 00:46 Today's Outline & Goals 01:30 Google AI Studio Brief Overview 02:08 Google AI Studio Build Intro 04:02 Step 1: Plan & Roadmap Your App Idea 07:28 Step 2: Iterate & Ground With Research (Improve AI Plan) 10:26 Step 3: Build The App (Start AI Coding) 10:56 Step 4: Docs & Context (Track Plan & Progress) 13:24 Step 5: Versioning (GitHub Connection) 15:05 Context Continuity (Linking Chat History & Roadmaps) 16:15 Step 6: Adding More Features 19:29 Step 7: Debugging New Features 20:54 Step 8: Update Docs With Progress & New Ideas 21:16 Optional Step: Deploy To Google Cloud Run 22:10 Updating The UI Example 23:23 Adding Generative AI Features (Gemini) 24:57 Getting A Google AI Studio API Key 26:51 A Few More Thoughts WATCH NEXT 🌱 Obsidian & Digital Gardens LINKS (MY WORLD) 🧭 [Recalibrating Newsletter Home]( @ ?referrer= ) 🏔️To start reading from the beginning: [Recalibrating Newsletter Entry 1: What Recalibrating Means To Me]( ) 🌍 My [Website]( ) 📸 My [Print Shop]( ) ✨ SOCIALS 🟣 [Farcaster]( ) 📸 [Instagram]( ) 📰 [Flipboard]( @_wanderloots) 📍 [Pinterest]( ) 🤖 [Reddit]( ) MY FAVOURITE TOOLS 😴 🤯 The [Waking Up App]( ) (use this link for a 30 day free trial) 📝 [Obsidian]( ) (decentralized note-taking) 📹 [Adobe Suite]( ) (general creativity) EQUIPMENT USED 6. Camera [Sony A7iii]( ) 7. Lens [Sony F2 28 mm]( ) 8. Tripod [K&F Concept]( ) 9. Lighting [Ubeesize Ring Light]( ) 10. Main Lighting Neewer 660 PRO RGB: Related Keywords: Gemini 2.5 Pro, AI Coding, Vibe Coding Gemini, Google AI, Build Apps, Mobile Apps