Vibe Coding A Million Dollar app FROM SCRATCH - DAY 1- ($10k MRR - Opus 4.5) | Income stream surfers

In this podcast, the speaker details their experience Vibe Coding a new app from scratch, emphasizing the use of Convex for backend solutions and Next.js with Clerk for frontend and authentication. They walk through setting up the project, integrating AI for social media post generation, and troubleshooting various technical issues encountered during the live stream, including problems with AI models and memory constraints. The speaker also discusses the advantages of Convex, shares insights on methodical building versus rapid prototyping, and engages with the audience while setting up a live website, demonstrating the process of launching a SaaS product.

Outlines

Part 1: Project Intro, Tech Stack

Part 2: App Concept, AI Integration

Part 3: Feature Refinement, UI Design

Part 4: Deployment, Launch

Sign in to continue reading, translating and more.

Open full episode in Podwise

Vibe Coding A Million Dollar app FROM SCRATCH - DAY 1- ($10k MRR - Opus 4.5)

Income stream surfers

Part 1: Project Intro, Tech Stack

Introduction to a New Project and Convex Platform

Project Setup with Next.js, Clerk, and Convex

Addressing Technical Issues and Setting up Clerk Authentication

Part 2: App Concept, AI Integration

Fixing Authentication Issues and Defining the App Idea

Configuring AI Models and Initial UI Setup

Troubleshooting AI Model Issues and Refining Prompts

Switching to Sonnet and Addressing UI Issues

Part 3: Feature Refinement, UI Design

Reviewing Progress and Exploring New Features

Summarizing Achievements and Discussing Future Plans

Showcasing the Front-End Design and Defining Project Objectives

Part 4: Deployment, Launch

Domain Name Considerations and Deployment Preparations

Troubleshooting Deployment Issues and Preparing for Launch

Launching the Project and Finalizing Setup

Vibe Coding A Million Dollar app FROM SCRATCH - DAY 1- ($10k MRR - Opus 4.5)

Income stream surfers

Part 1: Project Intro, Tech Stack

00:01Introduction to a New Project and Convex Platform

Introduction to a New Project and Convex Platform

06:06Project Setup with Next.js, Clerk, and Convex

Project Setup with Next.js, Clerk, and Convex

15:58Addressing Technical Issues and Setting up Clerk Authentication

Addressing Technical Issues and Setting up Clerk Authentication

Part 2: App Concept, AI Integration

27:27Fixing Authentication Issues and Defining the App Idea

Fixing Authentication Issues and Defining the App Idea

35:07Configuring AI Models and Initial UI Setup

Configuring AI Models and Initial UI Setup

45:45Troubleshooting AI Model Issues and Refining Prompts

Troubleshooting AI Model Issues and Refining Prompts

57:01Switching to Sonnet and Addressing UI Issues

Switching to Sonnet and Addressing UI Issues

Part 3: Feature Refinement, UI Design

1:07:23Reviewing Progress and Exploring New Features

Reviewing Progress and Exploring New Features

1:17:52Summarizing Achievements and Discussing Future Plans

Summarizing Achievements and Discussing Future Plans

1:29:23Showcasing the Front-End Design and Defining Project Objectives

Showcasing the Front-End Design and Defining Project Objectives

Part 4: Deployment, Launch

1:37:38Domain Name Considerations and Deployment Preparations

Domain Name Considerations and Deployment Preparations

1:47:20Troubleshooting Deployment Issues and Preparing for Launch

Troubleshooting Deployment Issues and Preparing for Launch

1:57:00Launching the Project and Finalizing Setup

Launching the Project and Finalizing Setup