Edit live copy without touching JSX
Give teams a visual editing layer on top of AI-built React sites, so every update feels like publishing content instead of patching code.
SanpEdit
Edit AI-generated websites without touching code.
SanpEdit gives you a cleaner way to update AI-built websites, qualify leads, and grow into a Supabase-backed editing platform from one codebase.
4
Weeks to first call
3
Core publishing steps
1
Repos to maintain
Workflow preview
Generated site to visual publish
AI draft
Editor
Headline
Edit AI-generated websites without touching code.
CTA
Book Now
Publish queued with 3 content updates
Published output
Live in 12sThe pain we are solving
AI accelerates the first draft. Content changes still bottleneck in code.
Claude shipped the first draft, but every content change still means reopening code.
Agencies need a safer handoff than raw JSX edits or another heavyweight page builder.
AI-generated websites move fast, but content teams need a clean publish workflow.
Publishing rhythm
01
Record the pain
Use your site and product as the recurring YouTube example.
02
Capture the lead
Send interested viewers to a qualification form instead of a waitlist.
03
Book the call
Push strong-fit leads directly into your scheduler with source attribution intact.
Content-led acquisition
Build long-form videos and Shorts around real editing actions, not abstract marketing claims.
Beta-ready infrastructure
Turn on Supabase auth, project records, content entries, and media uploads when you are ready to onboard real users.
Built for launch speed
A marketing system and product foundation in one repo.
Keep the stack your developers already like
Next.js, Supabase, and a single repo let the public site, dashboard, auth, and future product live together from day one.
Turn content demand into qualified demos
The homepage and booking flow are designed to move viewers from YouTube and community posts into real product conversations.
Comparison
Designed for the gap between code editors and visual builders.
Option 1
Manual code edits
Fast for engineers, slow for everyone else.
Option 2
Traditional visual builders
Flexible, but often disconnected from your React codebase.
Option 3
SanpEdit
Built for AI-generated websites that still need a clean editor and publish loop.
Social proof direction
Start with founder-led demos, then turn early beta feedback into trust.
This starter ships proof-card placeholders so you can replace them with real quotes once the first demos convert.
“We finally have a cleaner story for client updates than asking someone to edit code in production.”
“The funnel makes sense: content brings in the lead, and the product demo closes the context gap fast.”
FAQ
Enough structure to launch now, enough foundation to keep building.
Who is this starter designed for?
Teams building AI-assisted marketing sites, landing pages, or client websites with React and Next.js who want a direct path to demos and beta onboarding.
Do I need Supabase before I can use the repo?
No. The marketing site and booking flow render without Supabase. Adding environment variables turns on auth and persistent demo capture.
Can I swap the booking tool later?
Yes. The form builds a scheduler handoff from environment variables, so you can start with Calendly or Cal.com and replace it later without changing the marketing structure.
Launch CTA