Should you build your own Webstudio Cloud?
Open-source visual builder with cloud projects, CMS connections, and hosting
The visible visual website builder loop is buildable, but a credible replacement needs more than the first screen. Webstudio Cloud earns its keep through editor, CMS, hosting, polish, so expect a weekend or multi-day build and a narrower personal scope.
ENOriginal research content in English. Original prompt preserved in English.
Build a deliberately narrow personal substitute for Webstudio Cloud, not a full clone.
Use exactly this stack: Next.js 15 + TypeScript + SQLite.
Primary job: Build a focused visual website builder generator that edits structured page sections, previews responsive layouts, and publishes static files.
Start from an empty folder and create the complete working project.
Make the default mode single-user and private.
Store user data locally unless the core job requires the declared self-hosted database.
Do not add analytics, telemetry, ads, or third-party accounts.
Put every secret and external credential in .env and provide .env.example.
Use realistic sample data that is clearly labelled and easy to delete.
Implement the smallest polished interface that completes the core loop end to end.
Include clear empty, loading, validation, success, and failure states.
Add import and export so the user is not trapped in the app.
Use accessible keyboard navigation, labels, focus states, and sensible contrast.
Validate untrusted input and never log secrets or private file contents.
Deliberately exclude these paid-product advantages: CMS collaboration and client handoff; managed hosting, forms, and analytics; general-purpose visual editing.
Do not fake integrations, network effects, proprietary data, model quality, compliance, or security claims.
Where an external API is optional, keep the app useful without it and explain the degraded mode.
Write focused unit tests for the data model and the most important workflow.
Add one end-to-end smoke test that proves the core loop works.
Create a README with setup, permissions, architecture, data location, backup, and limitations.
Add scripts for install, development, test, build, and a production-style local run.
Run the tests and build before finishing, then fix errors rather than merely describing them.The prompt opens pre-filled in your agent. Review it before running. · this prompt is generated from the build plan · improve it via PR
What would building your own look like?
Build a focused visual website builder generator that edits structured page sections, previews responsive layouts, and publishes static files.
What you will need
- Node.js 22
- deploy target or static hosting
- user-owned domain for publishing
Webstudio Cloud: A single site is easy to code. People pay for safe ongoing edits, templates, publishing, domains, collaboration, and no-maintenance hosting.
xCMS collaboration and client handoff
xmanaged hosting, forms, and analytics
xgeneral-purpose visual editing
xlarge template and component libraries
Prefer something ready-made?
License, setup, and limitations for each alternative.
How much does Webstudio Cloud cost?
No public price. Check the official site.
Saved to My list. You will see a notice on this site when the price changes.
You complete the purchase on Webstudio Cloud’s site. Vibe Radar does not handle payments.
| Plan | Monthly | Annual (per month) | What is included |
|---|---|---|---|
| hobby | $0/workspace | $0/workspace | Unlimited projects, pages and collaborators; 1 wstd.io subdomain; 250 MB assets; 300 form submissions/month; no custom domains or published dynamic CMS |
| pro | - | $15/workspace≈ $15 | Unlimited custom-domain sites, projects, pages and collaborators; 20 GB assets; 100,000 pageviews/month; unlimited forms; backups, staging and CMS |
| team | - | $35/workspace≈ $35 | Pro usage limits plus team workspaces, roles and 5 included seats |
Free tierUnlimited draft projects/pages/collaborators, 1 wstd.io subdomain, 250 MB assets and 300 form submissions/month; no custom domain, backups or published dynamic CMS
Billing termsfree + monthly/annual paid plans; annual pricing shown and advertised as saving up to 30%, but monthly amounts were not exposed in accessible markup
Additional costs$20 for each extra 100,000 pageviews after the included 100,000; additional Team seats have an unpublished price; custom-domain registration and external CMS/service charges are separate
verified 2026-08-14 · source ↗
Is it cheaper to build or buy Webstudio Cloud?
Adjust the numbers: hours to build, your hourly rate, running costs and the subscription price.
Over 24 months, subscribing is cheaper.
Starting hours estimated from the analysis (weekend to multi-day). Does not price what you give up (support, integrations, security).
Can I rebuild Webstudio Cloud?
Kinda. The core of Webstudio Cloud is buildable in a weekend with the prompt on this page, but there are real gaps: CMS collaboration and client handoff, managed hosting, forms, and analytics. Read the honest list above before committing.
How much does Webstudio Cloud cost?
Webstudio Cloud’s pricing is usage-based or varies by plan · The official pricing URL is recorded, but a stable current amount was not safely recoverable in this pass. Do not publish a number until rechecked..
What do I lose by replacing Webstudio Cloud?
Honestly: CMS collaboration and client handoff; managed hosting, forms, and analytics; general-purpose visual editing; large template and component libraries. If any of those are load-bearing for you, keep paying.
Is there an open-source alternative to Webstudio Cloud?
Yes: Webstudio (The same open-source builder on your own server; the subscription disappears and the cloud chores move in.) Plasmic (Hosted visual projects, CMS and custom domains on a permanent free plan; a Plasmic badge replaces the bill.) The prompt is for when you want it exactly your way.