Develop hands-free with Upsun and Claude

Leverage AI coding assistants like Claude to develop your application with Upsun. This video goes through the Upsun development flow from cloning your production environment to testing your new code with read data and merging into production.

The core task is to add a "Total Revenue" card to an e-commerce dashboard. We will show how a single, complex natural language prompt can orchestrate the entire development lifecycle:

1. Code Generation: The AI assistant creates a new Git branch, adds a new API endpoint in the Python/FastAPI backend, queries the PostgreSQL database, and builds the corresponding UI component in the Next.js frontend.
2. Infrastructure Automation: The assistant, via custom tools (MCPs), interacts with the Upsun API to create a new, fully-isolated staging environment for the new branch.
3. Data-Centric Staging: A key feature highlighted is the ability of Upsun to clone the entire production database into the new staging environment, allowing for realistic testing with real-world data.
4. CI/CD Pipeline: The video shows the process of testing the new feature in the isolated environment, merging it back to the main branch, and deploying it to production seamlessly.
5. Post-Deployment & Cleanup: The workflow concludes with creating a post-deployment backup and cleaning up the temporary branch and its associated staging environment, again all initiated via AI prompts.

Chapters
(00:00) - Intro & Project Architecture Overview
(00:43) - AI-Assisted Database Query with PostgreSQL MCP
(02:56) - Inspecting the Live Production Application
(03:56) - Defining the New Feature: Total Revenue Card
(04:13) - The Master Prompt: Building the Entire Feature with AI
(05:14) - AI in Action: Generating the FastAPI Backend Endpoint
(05:31) - AI in Action: Building the Next.js & Tailwind CSS Frontend
(06:51) - Automating Infrastructure: Creating the Staging Environment
(08:27) - The Power of Data Cloning for Realistic Testing
(09:05) - Reviewing the Feature in the Isolated Staging Environment
(09:43) - Merging to Main & Deploying to Production
(11:36) - Verifying the Feature Live in Production
(11:56) - Post-Deployment: Triggering Backups & Cleaning Up
(13:22) - Conclusion & Where to Find the Tools