Claude Code + Codex 5.1 Builds - Full Stack Vibe Coding | Income stream surfers

In this live stream, the speaker details their process of building a thumbnail asset generator using a stack that includes Convex, Next.js, Clerk, Codex, and Claude Code. They walk through the steps of setting up the project, integrating Clerk for authentication, and using Codex and Claude Code for coding and deployment. The speaker also discusses the benefits of joining their school community for support and access to exclusive content, as well as promoting their SaaS MVP building services. They troubleshoot issues encountered during the build, such as API key errors and model inconsistencies, while also sharing insights on AI model performance and preferences for production-ready code. The stream concludes with the successful deployment of the app on DigitalOcean, showcasing the efficiency of their development stack.

Outlines

Part 1: Introduction, Setup

Part 2: Integration, Community

Part 3: Troubleshooting, Validation

Part 4: Deployment, Conclusion

Sign in to continue reading, translating and more.

Continue

Claude Code + Codex 5.1 Builds - Full Stack Vibe Coding

Income stream surfers

Part 1: Introduction, Setup

Introduction to the Stream and Project Overview

Addressing Collaboration Inquiries and Defining the Project

Setting Up the Thumbnail Generator and Discussing Deployment

Part 2: Integration, Community

Community Engagement and Integrating Google AI Studio

API Key Setup and Project Integration

Coffee Break and AI Model Preferences

Exploring Convex Capabilities and Addressing Stripe Implementation

Part 3: Troubleshooting, Validation

Troubleshooting and Model Selection

API Key Validation and Model Performance Issues

Part 4: Deployment, Conclusion

Model Comparison and DigitalOcean Authentication

DigitalOcean Deployment and Project Completion

Claude Code + Codex 5.1 Builds - Full Stack Vibe Coding

Income stream surfers

Part 1: Introduction, Setup

00:02Introduction to the Stream and Project Overview

Introduction to the Stream and Project Overview

07:36Addressing Collaboration Inquiries and Defining the Project

Addressing Collaboration Inquiries and Defining the Project

15:23Setting Up the Thumbnail Generator and Discussing Deployment

Setting Up the Thumbnail Generator and Discussing Deployment

Part 2: Integration, Community

23:04Community Engagement and Integrating Google AI Studio

Community Engagement and Integrating Google AI Studio

30:30API Key Setup and Project Integration

API Key Setup and Project Integration

37:31Coffee Break and AI Model Preferences

Coffee Break and AI Model Preferences

45:33Exploring Convex Capabilities and Addressing Stripe Implementation

Exploring Convex Capabilities and Addressing Stripe Implementation

Part 3: Troubleshooting, Validation

52:00Troubleshooting and Model Selection

Troubleshooting and Model Selection

1:00:30API Key Validation and Model Performance Issues

API Key Validation and Model Performance Issues

Part 4: Deployment, Conclusion

1:09:49Model Comparison and DigitalOcean Authentication

Model Comparison and DigitalOcean Authentication

1:17:26DigitalOcean Deployment and Project Completion

DigitalOcean Deployment and Project Completion