Skip to content

Project · July 2026

Ball-Z

A chat-driven website builder: you describe a site, then keep asking for changes until the live preview and generated Next.js code look right.

Ball-Z

Overview

Chat with the builder until the website feels right.

Purpose

Generate and iterate a landing page through chat, then export real Next.js source.

How it works

After optional Supabase sign-in, you describe a site in the SiteForge builder chat. The system drafts a landing page (demo default: a fitness studio), shows desktop/mobile preview, and emits files such as layout, page, CSS, and a client component. Follow-up messages restyle themes, rewrite copy, or move sections. The app is a generator — not a hosted CMS for the finished business’s ongoing content.

Architecture

  • Next.js application with builder dashboard
  • Supabase Auth for private projects
  • AI code generation producing real Next.js files
  • Live preview (desktop/mobile) of generated UI

What you can do

  • Describe a business and receive a landing-page draft
  • Iterate in chat (theme, copy, section order)
  • Preview desktop and mobile layouts
  • Inspect and export generated Next.js source
  • Keep projects private when signed in

Data & access

Optional Supabase Auth scopes saved projects to the signed-in user.

Integrations

Supabase AuthAI code generationVercel

Deployment

Public builder on Vercel.

Try Ball-Z

Open the live application at ball-z-phi.vercel.app.

View live site