Nowing DocsWeb Builder
Build, preview, and deploy full-stack web apps from a chat prompt
Full-Stack Web App Builder
Nowing's Web Builder lets you generate, preview, and deploy full-stack Next.js applications from a natural-language prompt. It is designed for marketing pages, internal tools, and lightweight SaaS frontends.
What it does
From the Web Builder panel in your workspace:
- Describe the app you want in plain English.
- Watch it build live — the AI streams the plan, generated files, and build progress in real time.
- Preview interactively in desktop, tablet, and mobile viewports.
- Edit visually with the Design Mark Tool — click an element in the preview and patch its text, class, style, or attribute without touching code.
- Publish with one click to a
*.apps.nowing.netsubdomain or a custom CNAME domain.
Generated stack
The builder outputs a production-ready Next.js application:
- Framework: Next.js 16+ with App Router
- Styling: Tailwind CSS
- Build output: Standalone output for containerized hosting
- Deployment: 1-Click publish to Nowing's app hosting infrastructure
Key features
| Feature | Description |
|---|---|
| Live streaming generation | See the model's reasoning, file writes, and build status as they happen |
| Interactive preview | Render the generated app in an iframe with device switching |
| Code viewer | Inspect and browse generated source files |
| Design Mark Tool | Click any element in the preview to apply a visual patch |
| Custom domains | Point a CNAME record to cname-ingress.apps.nowing.net and bind it to your app |
| Rebuild / retry | Re-run the build if it fails or after applying patches |
How to build an app
-
Open Web Builder from your workspace sidebar.
-
Enter a prompt, for example:
A modern SaaS landing page with dark mode, pricing tiers, testimonials, and a waitlist form.
-
Click Generate App (Live Stream).
-
Wait for the status to become Preview Ready.
-
Switch between Preview and Code tabs to inspect the result.
-
Enable the Design View Mark Tool, click an element, and apply a patch.
-
Click 1-Click Publish when you are happy with the result.
Statuses
generated— initial generation in progresspreview_ready— the app is built and ready to previewbuilding— a rebuild or patch is being appliedbuild_failed— the build failed; view logs and retrypublished— the app is live on a public URL
Custom domain setup
- Publish the app first.
- Open Custom Domain and enter your domain (e.g.,
app.mycompany.com). - Add a DNS CNAME record pointing to
cname-ingress.apps.nowing.net. - Save the domain in Nowing.
The app will be served over HTTPS once the DNS record propagates and the certificate is issued.
Limitations
- Web Builder availability depends on your workspace plan.
- Complex backend logic beyond the generated Next.js API routes is not supported.
- Very long or ambiguous prompts may need multiple iterations.