Checkpoint

Author: zackproser

src/content/blog/vibe-coding-guide/page.mdx

@@ -11,6 +11,7 @@ import secretsProtection from '@/images/secret-protection.webp'
 import vibeCodingPremium from '@/images/vibe-coding-protection.webp'
 import secretsHero from '@/images/vibe-coding-survival-guide.webp'
 import gettingGot  from '@/images/getting-got.webp'
+import secretsFlow from '@/images/secrets-flow.webp'
 
 import { createMetadata } from '@/utils/createMetadata'
 
@@ -136,6 +137,8 @@ git reset --hard HEAD~1
 
 ## 3. Secrets & Environment Variables — Baby Steps 🍼
 
+<Image src={secretsFlow} alt="How secrets flow" />
+
 **Secret** → a password-like string that unlocks a paid API or private database.  
 **Environment variable (.env)** → a locked drawer your code can peek into at runtime so secrets don't sit in code.