Summary
This video shows how to use Claude Code to build a WordPress-style website and admin dashboard, with an Elementor-like drag-and-drop page builder, in just a few prompts. Creator Jono Catliff argues that building your own stack avoids lock-in to a declining platform while offering more flexibility, lower cost, and faster iteration.
The walkthrough starts with a quick VS Code and Claude Code setup for beginners. It then uses two free open-source tools: Payload, which provides the WordPress-like admin where teams and clients can log in, manage users and media, and write blog posts and service pages, and Puck, which provides the visual drag-and-drop editor. A single prompt generates a complete plumbing business website, with page templates designed using Claude Design.
Viewers see the generated admin panel, role-based user management, editable page sections, and blog posts with custom blocks such as tip boxes. The video also shows how to ask Claude to add the standard components people expect from a web builder, like images, headings, buttons, and embedded YouTube videos, and to build any extra features without relying on plugins.
📺 Source: Jono Catliff · Published October 25, 2026
🏷️ Format: Hands On Build
