इस वीडियो में मैंने बिल्कुल प्रैक्टिकल तरीके से दिखाया है कि Lovable app के अंदर API कैसे connect करनी है—और कब आपको Supabase/edge functions पर जाना चाहिए, और कब नहीं। पहले मैं simple (public) APIs से शुरू करता हूं: जहां कोई authentication नहीं होता, बस URL hit करो और JSON response UI में render हो जाता है। मैंने ये भी समझाया कि API असल में दो systems को integrate करने की layer है—sirf “frontend में data दिखाने” वाली चीज नहीं। फिर हम secured APIs पर आते हैं, जहां API key चाहिए। यहां सबसे important rule है: API key कभी भी frontend में मत डालो। Lovable इस case में Supabase edge function create करके secret को environment variables में store करता है, और frontend सिर्फ उस function को call करता है—इससे CORS और key exposure दोनों handle हो जाते हैं। लेकिन मैंने अपना honest drawback भी बताया: इस approach में आप Lovable/Supabase stack से stick हो जाते हो। इसलिए मैंने alternative दिखाया—अपना छोटा सा backend/API layer बनाओ (मैंने example में Vercel पर host किया), environment variables में key रखो, CORS enable करो, और फिर Lovable से उसी hosted endpoint को call करो। End में best practices भी cover किए—docs/Swagger से success+failure responses समझो, और prompts में GET/POST clearly mention करो ताकि production-ready handling हो सके।