Skip to content
Tutorial

Building a 2-sided marketplace LIVE with Cursor and Xano (Live session)

Create With1:24:57240 views

Summary

Cameron Booth, Developer Evangelist at Xano, conducts a live build session demonstrating how to create a two-sided marketplace from scratch using Xano for the backend and Cursor with Claude for the frontend. The 80-minute session covers database schema design, API endpoint creation using AI agents, Stripe payment integration, and deployment to Xano's static hosting. Kieran from Create With moderates, asking beginner-friendly questions and emphasizing the importance of debugging skills in modern software development. The session showcases real-world problem-solving when errors occur, making it a practical guide for non-technical builders.

What You'll Learn

The New Era of Marketplace Development

Building a two-sided marketplace has traditionally been one of the most complex software development challenges. Unlike simple SaaS applications with a single user type, marketplaces require managing multiple user personas, distinct experiences, and complex interactions between buyers and sellers. Until recently, this level of complexity demanded extensive coding knowledge and significant development time.

That paradigm is shifting rapidly. In a recent live build session, Cameron Booth from Xano demonstrated how to create a fully functional two-sided marketplace in approximately 80 minutes using Xano for the backend and Cursor with Claude for the frontend development.

Understanding the Marketplace Architecture

Before diving into code, Booth emphasizes the importance of conceptual thinking. He breaks down marketplace development into four fundamental components:

People: Identifying the user types (service providers and customers in this case)

Actions: Defining what each user type needs to accomplish (providers list services, customers browse and book)

Information: Determining what data the system needs to store and manage

Connections: Establishing how different parts of the system communicate

This framework transforms complex development into a series of articulate prompts that AI can understand and execute. As Kieran from Create With notes, the modern development skill set has fundamentally changed from memorizing syntax to clearly communicating intent.

The Technical Stack

The session leverages a powerful combination of tools:

Xano handles all backend operations including the database, API endpoints, and authentication. As a no-code backend platform, it eliminates the need to manually configure servers, write database queries, or manage infrastructure.

Cursor serves as the development environment, integrating Claude AI directly into the coding workflow. Using Claude Opus, developers can generate frontend code through conversational prompts.

Stripe provides payment processing capabilities, essential for any marketplace where financial transactions occur.

Tailwind CSS and vanilla JavaScript power the frontend, creating a responsive interface without requiring a complex framework.

Building the Database Schema with AI

The session begins with database design, traditionally a technical task requiring knowledge of relational database theory. Instead, Booth uses Claude within Cursor to generate the schema through natural language prompts.

By describing the marketplace requirements (users, services, bookings, payments), the AI generates appropriate table structures including proper relationships and data types. This demonstrates a crucial shift: developers no longer need to remember SQL syntax or database conventions—they need to understand business requirements and communicate them effectively.

The generated schema includes tables for users with role differentiation, service listings with pricing and availability, bookings tracking customer-provider interactions, and payment records linking to Stripe transactions.

Creating API Endpoints with Model Context Protocol

One of the most technical aspects of the build involves creating API endpoints that the frontend will call. Booth uses Xano's Model Context Protocol (MCP) integration with Cursor, allowing the AI to directly generate Xano API configurations.

The MCP enables Claude to understand Xano's specific structure and generate endpoints that conform to the platform's requirements. This includes authentication endpoints for user registration and login, listing endpoints for browsing available services, booking endpoints for creating reservations, and payment endpoints for processing Stripe transactions.

When Booth encounters errors during API testing, he demonstrates the debugging process. Rather than getting stuck, he uses AI to interpret error messages and suggest corrections. This iterative approach—prompt, test, debug, refine—represents modern development practice.

Frontend Development and Integration

With the backend established, the session moves to frontend development. Using Cursor, Booth prompts Claude to generate HTML structure, Tailwind styling, and JavaScript for API calls.

The frontend includes a service browsing interface with search and filter capabilities, individual service detail pages, a booking flow with date selection, and Stripe payment integration using Checkout.

Booth addresses an important strategic question: should you build frontend or backend first? His recommendation is backend-first for marketplace applications because it forces you to think through data structures and business logic before worrying about aesthetics. This approach prevents rework when you realize the frontend needs data the backend doesn't provide.

The Reality of Debugging

One of the session's most valuable aspects is watching real debugging in action. When the Stripe integration initially fails on the frontend, Booth methodically troubleshoots by checking environment variables, verifying API responses, and testing payment flows.

He emphasizes that debugging is not a sign of failure but an essential part of development. The key skill is maintaining composure and systematically isolating problems. With AI assistants, you can paste error messages and stack traces directly into Claude and receive contextual debugging suggestions.

This transparency about the messy reality of software development is rare in tutorials but critically important for aspiring builders. Seeing how an experienced developer thinks through problems builds confidence that errors are solvable.

Deployment and Testing

The final stage deploys the application to Xano's static hosting. This built-in hosting eliminates the need for separate deployment infrastructure or domain configuration during development.

Booth tests the complete user flow: service provider registration, service listing creation, customer browsing, booking submission, and payment processing. When the final payment succeeds and appears in both the Stripe dashboard and Xano database, the marketplace is functionally complete.

Key Insights for Modern Builders

This session reveals several important principles for anyone building with AI-assisted tools:

Conceptual clarity matters more than technical knowledge: Understanding what you want to build and articulating it clearly is the new primary skill.

AI tools amplify capability but don't replace thinking: Claude can generate code, but you must understand the architecture and verify the results.

Debugging is part of the process: Errors will occur, and the ability to troubleshoot systematically separates successful builders from those who give up.

Backend-first prevents rework: For data-intensive applications like marketplaces, establishing the backend structure first ensures frontend development proceeds smoothly.

Integration beats perfection: Getting a working end-to-end system quickly is more valuable than perfecting individual components.

The Democratization of Software Development

Kieran's introduction provides important historical context. In the 1990s, creating web presence required HTML knowledge. The 2000s brought website builders like WordPress and Squarespace. The 2010s introduced no-code platforms like Bubble and Xano for complex applications.

Now, in the 2020s, AI coding assistants have removed the final barrier. The estimated 1.5 billion technically curious people—roughly the number of Excel users—can now build sophisticated software applications.

This doesn't mean traditional coding is obsolete, but it does mean the entry bar has dramatically lowered. Someone with business knowledge, problem-solving ability, and persistence can now build marketplace applications that previously required development teams.

Moving Forward

The session demonstrates that building a two-sided marketplace is achievable for non-developers using the right tools and approach. The combination of Xano's backend infrastructure, Cursor's AI-powered development environment, and systematic thinking creates a powerful development workflow.

For anyone considering building a marketplace, the key takeaway is to start by clearly defining the people, actions, information, and connections in your system. From that foundation, tools like Xano and Cursor can handle the technical implementation while you focus on business logic and user experience.

Key Learnings

1Backend-First Development Strategy for Marketplaces

Building the database schema and API endpoints before the frontend forces you to think through data structures and business logic upfront, preventing costly rework when the frontend needs data the backend doesn't provide. This approach is especially valuable for complex applications like two-sided marketplaces.

Learn more about Xano

2Model Context Protocol Enables Direct AI Integration

Xano's MCP integration with Cursor allows Claude to understand Xano's specific structure and generate API endpoints that conform to the platform's requirements, eliminating manual configuration and reducing errors in backend setup.

Learn more about Xano

3Conceptual Framework Over Technical Knowledge

Breaking marketplace development into People (user types), Actions (what users do), Information (data structures), and Connections (integrations) transforms complex development into articulate prompts that AI can execute, making development accessible to non-technical builders.

4Systematic Debugging with AI Assistance

Modern debugging involves pasting error messages and stack traces into AI assistants like Claude for contextual suggestions, then systematically isolating problems by checking environment variables, verifying API responses, and testing flows methodically.

Learn more about Claude

5Stripe Integration Through Environment Variables

Proper Stripe payment integration requires securely managing API keys through environment variables, testing with Stripe's test mode first, and verifying that payment webhooks correctly update both the payment processor and your database.

Learn more about Stripe

6Built-in Deployment Eliminates Infrastructure Complexity

Xano's static hosting feature allows immediate deployment without configuring separate servers, domains, or deployment pipelines, enabling rapid iteration and testing of the complete application stack during development.

Learn more about Xano

7AI Code Generation Requires Human Verification

While Cursor with Claude can generate complete frontend code including HTML structure, Tailwind styling, and JavaScript API calls, developers must still understand the architecture, test thoroughly, and verify that generated code meets business requirements.

Learn more about Cursor

Resources Mentioned

Xano Official Platform

The no-code backend platform used in this tutorial, offering database management, API creation, and static hosting capabilities for building scalable applications.

Visit

Cursor Official Website

AI-powered code editor that integrates Claude and other AI models directly into the development workflow, enabling natural language code generation.

Visit

Xano Documentation

Comprehensive documentation covering database design, API endpoint creation, authentication, and deployment on the Xano platform.

Visit

Stripe Developer Documentation

Official Stripe documentation for implementing payment processing, including Checkout integration and webhook handling for marketplace applications.

Visit

Create With Community

Join the Create With Slack community to connect with other builders, share projects, and learn about upcoming workshops and events focused on no-code and AI development.

Visit

Model Context Protocol (MCP) Documentation

Learn about the Model Context Protocol that enables AI models to integrate directly with platforms like Xano for automated code generation and configuration.

Visit

Frequently Asked Questions

Can I really build a two-sided marketplace without coding experience?

Yes, using tools like Xano for the backend and Cursor with Claude for the frontend, non-technical builders can create functional marketplaces. The key is understanding your business requirements clearly and being able to articulate what you want to build. You'll need problem-solving skills and persistence for debugging, but you don't need to memorize programming syntax or understand low-level technical concepts.

Should I build the frontend or backend first for a marketplace application?

For marketplace applications, backend-first development is recommended. Building your database schema and API endpoints first forces you to think through data structures, user relationships, and business logic before worrying about design. This approach prevents rework when you realize your frontend needs data that your backend doesn't provide, and it establishes a solid foundation for your application architecture.

What is the Model Context Protocol and why does it matter?

The Model Context Protocol (MCP) is a standard that allows AI models like Claude to integrate directly with platforms like Xano. This means when you're using Cursor to build your application, Claude can understand Xano's specific structure and generate API endpoints, database configurations, and other backend elements that conform exactly to what Xano expects. This eliminates manual configuration and reduces errors during development.

How long does it actually take to build a two-sided marketplace with these tools?

In the live session, a functional marketplace with user authentication, service listings, booking system, and Stripe payment integration was built in approximately 80 minutes. However, this timeline assumes you have a clear understanding of your requirements and some familiarity with the tools. For complete beginners, expect to spend additional time learning the platforms, refining your business logic, and adding polish to the user experience.

What debugging skills do I need when building with AI coding assistants?

The most important debugging skills are systematic problem-solving and patience rather than deep technical knowledge. When errors occur, you should methodically check environment variables, verify API responses, test individual components, and paste error messages into AI assistants for contextual suggestions. Understanding that errors are a normal part of development and maintaining composure while troubleshooting is more valuable than memorizing technical solutions.

More content like this

Never miss a video

Get weekly updates on the best AI tutorials, conference recordings, and community content.

Keep Watching

Related Videos

View all videos
55. We're Back! Conference Recap, Running Events with AI & Self-Healing Apps
Podcast35:53

55. We're Back! Conference Recap, Running Events with AI & Self-Healing Apps

James and Kieran return to the Create With Podcast after their summer break to recap the 2026 Create With Conference in Brighton. They discuss how 550 attendees experienced workshops, a charity hackathon where functional apps were built in 30 minutes, and an innovative conference operating system built entirely with AI. The episode covers the latest developments in AI development tools including Anthropic's Fable model, scheduled tasks in Codex, and self-healing applications using PostHog.

The Biggest AI Opportunities for Non-Technical Builders in 2026
Conference38:09

The Biggest AI Opportunities for Non-Technical Builders in 2026

A closing panel discussion from Create With featuring leaders from Glide, Softr, Bubble, Momen, and TechFoundHer examining how AI and no-code platforms are democratizing software development. The panelists explore what non-technical builders can now create, how AI is transforming service businesses, and where expertise still matters when prototypes become production applications.

Everyone Can Build with AI. What Should Companies Do Next?
Conference29:07

Everyone Can Build with AI. What Should Companies Do Next?

A leadership panel from Create With conference exploring how companies should approach AI adoption when building tools becomes accessible to everyone. Four experts debate the gap between technical capability and strategic judgment, discussing governance frameworks, safe experimentation, product sense development, and organizational learning pathways for AI transformation.

How to Get Your Product Recommended by Google and ChatGPT
Conference30:12

How to Get Your Product Recommended by Google and ChatGPT

Tanya Van Gastel presents the APEX framework for making products discoverable in AI-powered search engines like ChatGPT and Google's AI Overviews. She explains how AI is fundamentally changing product discovery and buyer behavior, then breaks down five critical components: Authority (being cited as a solution), Presence (visibility across search platforms), Expertise (creating high-quality money pages), Endorsements (off-site validation), and Extractability (making content easy for AI to process). The talk emphasizes quality over quantity, with data showing 50% of SaaS SEO revenue comes from fewer than 10 high-performing pages.

Inside a 60-Skill Claude Code System Running AI Agents in Parallel
Conference35:21

Inside a 60-Skill Claude Code System Running AI Agents in Parallel

Stephany Oliveros, CEO of Lyra AI, presents a production-ready Claude Code architecture for running dozens of AI agents in parallel. She demonstrates a 60-skill system built on progressive disclosure, layered memory, and reusable components that enable coordinated multi-agent workflows without burning through tokens. The talk covers practical folder structures, guardrails, and token economics for building scalable agentic systems.

The AI-Native Solopreneur: Build Without a Technical Co-Founder
Conference34:21

The AI-Native Solopreneur: Build Without a Technical Co-Founder

Effie Bersoux presents a paradigm shift in entrepreneurship where AI enables solo founders to build, validate, and scale businesses without technical co-founders or significant capital. Drawing from Growth Girls' experience building 40+ companies in one year and going from a £4m exit (7 years) to a £40m acquisition target (1 year), she demonstrates how AI breaks the traditional capital-talent-traction loop that disadvantages undercapitalized founders. The talk provides concrete frameworks for AI-native operating models, automation decision-making, and rapid idea-to-market validation.