The verdict: can you vibe code Dorik?
Build a personal clone of the core AI site generator and static editor, but skip the agency white-label and billing subsystems.
Replicating Dorik means building a visual drag-and-drop builder, a reliable LLM generation loop that outputs clean component trees, and a static compilation pipeline. While AI coding tools can scaffold the Next.js frontend and database schemas quickly, perfecting the block editor interactions and managing custom domain proxy routing involves significant debugging and edge-case handling.
Estimated effort: 4-6 weeks of dedicated development
What you can't replicate
- The 100k+ active user base and community-driven template library
- Mature multi-tenant agency billing and white-label infrastructure
- Years of edge-case bug fixes across diverse hosting environments
Founded
2019
Raised
$3M
Team
31
Cheapest paid tier
$29/mo
What Dorik does
An AI-powered, no-code website building and content management system platform enabling users to generate multi-page websites, landing pages, and blogs using text prompts, templates, and drag-and-drop UI blocks.
Core features
- AI website generation from text prompts
- WYSIWYG drag-and-drop website editor with UI blocks
- Static site generation and export
- Built-in blogging platform and CMS collections
- Airtable integration as a live data source
- Custom domain management and free SSL generation
- Client billing and white-label agency dashboard
- Native SEO controls and Open Graph meta tags
The business
Pricing
- FreeFree
- Personal$29/mo
- Business$59/mo
- Agency$99/mo
Funding
$3M from Early-stage venture syndicates
Pay vs build, cumulative
Break-even at month 1 — after that, every month is money kept.
The hard parts of vibe coding Dorik
- Building a performant visual drag-and-drop canvas that outputs responsive HTML/CSS cleanly
- Orchestrating LLM structured JSON output into complex component trees
- Managing isolated multi-tenant white-label dashboards and custom domain routing
- Implementing bidirectional sync and caching wrappers for Airtable databases
How to vibecode Dorik
Prerequisites
Node.jsfree
Required for running the Next.js full-stack development environment.
GitHubfree
Source control and deployment pipeline integration.
Anthropic API Keypay-as-you-go
Powers the AI website and copy generation pipelines.
AI coding tools
Recommended stack
| Frontend | Next.js with Tailwind CSS and a drag-and-drop canvas library |
|---|---|
| Backend | Next.js API routes / Server Actions |
| Database | Turso (SQLite at the edge for tenant data and site schemas) |
| Auth | better-auth |
| Payments | Stripe |
| Other | Anthropic API, PostHog |
Hosting & infrastructure
| Vercel | Hosting the SaaS dashboard, editor interface, and preview applications. | $0-20/mo |
| Cloudflare | Edge routing, custom domain CNAME handling, and serving generated static sites. | $0/mo |
Build guide
01Project Scaffolding and Database Schema
Initialize the Next.js project with Tailwind CSS, configure better-auth with SQLite via Turso, and set up database schemas for users, sites, pages, and blocks.
Create a new Next.js 16 project with Tailwind CSS and TypeScript. Configure better-auth with a Turso SQLite database adapter. Define database tables for users, websites (id, userId, subdomain, customDomain, settings), pages (id, siteId, title, slug, contentJson), and cms_collections (id, siteId, name, schemaJson, itemsJson). Set up clean folder structure under app/ directory.02AI Website Generation Pipeline
Build an API route that accepts user prompts, calls the Anthropic API with a structured JSON schema prompt, and returns a multi-page layout tree with pre-designed UI block configurations.
Build a Server Action in Next.js that accepts a business description prompt. Call the Anthropic API using structured JSON mode to generate a complete website layout consisting of a header, hero section, features grid, testimonial block, and footer. Each block must include heading, subheading, CTA text, and image placeholders. Store the generated site tree into the pages table.03Visual Drag-and-Drop Editor Canvas
Implement an interactive browser-based canvas editor allowing users to reorder UI blocks, edit text inline, swap images, and preview responsive viewports.
Create a visual drag-and-drop editor component in React using dnd-kit or native drag events. The canvas must render a vertical list of website blocks (Hero, Features, Pricing, Footer). Users can reorder blocks, click any text element to edit inline, and select blocks to modify styles via a right-hand sidebar inspector. Save state changes back to the site database with auto-save debounce.04CMS and Airtable Integration
Add a blogging platform and an Airtable connector module that fetches records from Airtable bases to render dynamic collection lists on the site.
Implement a CMS collection management interface where users can create blog posts or custom items with custom fields. Build an Airtable integration settings panel allowing users to input an Airtable API key, base ID, and table name. Create an API route that fetches records from Airtable, caches them briefly, and renders them dynamically inside collection grid components on the generated site.05Static Export and Edge Deployment
Create a static site generator utility that compiles site JSON models into production-ready HTML/CSS assets and configures dynamic routing for custom domains.
Write a build utility that takes a site's JSON block tree and compiles it into static HTML and CSS files bundled with Tailwind classes. Implement a custom domain routing handler that inspects incoming request host headers, matches them against registered custom domains in Turso, and serves the corresponding compiled static site content via Cloudflare edge workers.
Cost vs paying for Dorik
What will you build it with?
Starting total with Claude Code$0 one-time
Starting costs (one-time)
- Domain name for platform$12
- AI coding credits$20
Total~$32 one-time
Ongoing costs (monthly)
- Vercel / Cloudflare hosting$5/mo
- Turso database$0/mo
- Anthropic API usage$10/mo
Total~$15/mo
Paying for Dorik
$59/mo
Your time to build
60 hours
AI tool credits
$20
Break-even
1 month
Vibe code Dorik: FAQ
- Can you vibe code Dorik yourself?
- Serious undertaking — 48/100 vibecodeable. Build a personal clone of the core AI site generator and static editor, but skip the agency white-label and billing subsystems.
- How long does it take to vibe code Dorik?
- 4-6 weeks of dedicated development — roughly 60 hours of hands-on time with an AI coding agent.
- How do you build your own Dorik?
- Scoped to personal use: Next.js with Tailwind CSS and a drag-and-drop canvas library on the front, Next.js API routes / Server Actions behind it, Turso (SQLite at the edge for tenant data and site schemas) for data. Follow the 5-step build guide on this page — each step has a paste-ready prompt for an AI coding agent.
- How do you code your own Dorik without being an expert?
- Use an AI coding tool (Claude Code or Cursor) and work in small steps: scaffold, data model, core screens, then deploy. Realistic effort: 4-6 weeks of dedicated development. The prompts on this page are written so the AI does the heavy lifting.
- How much does it cost to vibe code Dorik instead of paying?
- About ~$32 one-time to start and ~$15/mo to run, versus $59/mo for Dorik. Break-even: 1 month.
- What stack should you use to vibe code Dorik?
- Next.js with Tailwind CSS and a drag-and-drop canvas library; Next.js API routes / Server Actions; Turso (SQLite at the edge for tenant data and site schemas); plus Anthropic API, PostHog.