---
title: "I Built a Client Website + Custom CMS Dashboard in Claude Code"
source_url: https://youtu.be/3DWuhBWQ-Ug
captured_at: 2026-04-29
author: "Lukas Margerie"
contributor: "ชิดชนก"
platform: youtube
---
# I Built a Client Website + Custom CMS Dashboard in Claude Code

youtube video by **Lukas Margerie**, 18m01s, uploaded 2026-04-26. URL: https://youtu.be/3DWuhBWQ-Ug
Tags: claude code, claude code tutorial, build website with claude code, claude code website, how to build a client website, web design with ai, ai web development, vercel deployment, supabase tutorial, clerk authentication, untitled ui, ai website builder, arvow seo, magic path, ai cms, claude code project, anthropic claude, vibe coding, vibe coding tutorial, how to make a website with ai

## Shared in LINE Note+
- 2026-04-29 10:04 by ชิดชนก

## Description
👉 Chat with me: 
👉 Join the next live build: 

In this video, I walk you through my full workflow for designing, building, hosting, and handing off a client website using Claude Code — including a custom CMS dashboard so they can manage everything themselves without touching a single line of code.

We cover everything from the initial design process using reference images and Untitled UI components, to generating multiple design variants, pushing them to Vercel preview links, and letting the client choose their favorite.

Then we go deeper — building a full admin CMS with Clerk authentication, Supabase for storage, drag-and-drop image uploads, SEO meta editing per page, and a blog/journal section. And at the end, I show you a clever way to upsell your client with an ongoing SEO content service using Arvow.

What's covered:
- Designing with Claude Code using reference images + Untitled UI
- Creating 3 design variants and pushing to Vercel preview links
- Building out all inner pages (Projects, About, Publications, Contact)
- Custom CMS dashboard with Clerk + Supabase
- Drag & drop image uploads, copy editing, and per-page SEO
- Blog/Journal section with draft & publish workflow
- SE