Free Lesson
AI-Assisted Coding for Designers E5: APIs and Supabase
45 min
May 6, 2025 6:00 PM
Virtual (Zoom)
In this video
What you'll learn
APIs, Explained Simply
Learn what APIs are, how they work, and how they connect apps to external data or services.
Calling an API from Your App
Use fetch() in JavaScript or Next.js to get data and display it in your UI.
Designing Around Dynamic Data
Understand how data structure influences layout and user experience.
What Supabase Is and Why It’s Useful
Understand Supabase as a modern backend-as-a-service platform with real-time database, auth, and storage.
Connect Your App to Supabase
Store and retrieve data with the Supabase client. Explore basic user authentication, file uploads, and real-time update.
Why this topic matters
APIs power everything from real-time data to dynamic content and third-party integrations. This session shows you how to make your apps feel alive and how AI can help you work with endpoints and JSON. In addition, it shows you how Supabase can act as your app’s brain and and how AI can help you wire it all up.
You'll learn from

Junaid Dodhia
Software Engineer | Designer | Coding Instructor

Xinran Ma
Founder of Design with AI | AI Course Instructor | 3x Author
Previously partnered with
.jpg&w=1536&q=75)