✦ NOVA
Workspace/Overview
All systems ready
✦ YOUR CREATIVE WORKSPACE · BOOK EDITION

Turn your ideas
into live websites.

A quiet, book-inspired studio to write, preview, and publish your web projects.

your-next-big-idea
01 <main>02   <h1>Hello, world</h1>03   <p>Your idea, online.</p>04 </main>
● READY TO DEPLOY
✦ Live preview
↗ Publish
AT A GLANCE

Your workspace

Local browser data
Total deployments↗
0↗ Saved in this browser
Draft status⌘
EmptyStart creating something
Builder files▤
0 / 3HTML · CSS · JavaScript
Deployment target◎
VercelStatic site publishing

Quick actions

Jump right back into your workflow.

✦

Recent activity

Your latest local deployment records.

BUILD SOMETHING GREAT

Code Studio

Your lightweight workspace for crafting static websites.

● Draft saved locally
HTML · Structure0 lines
CSS · Styling0 lines
JavaScript · Interactions0 lines
Autosave enabled · 0 characters
SHIP YOUR CREATION

Deploy center

Configure your project and publish it to Vercel.

↗ VERCEL

Deployment setup

Choose your project files and target.

01 / CONFIGURE
Lowercase letters, numbers, dots, underscores and hyphens.
Project filesHTML required
ⓘ TipFiles selected here take priority. If none are selected, your Code Studio draft will be used automatically.

Deployment console

Live request output

IDLE
NOVA BUILDER / STUDIO
────────────────────────────
Ready for deployment input.
Select files or use your saved draft.
♢
Secure by design

Your Vercel token stays on the server in the VERCEL_TOKEN environment variable. Never expose it in frontend code.

YOUR PUBLISHING TIMELINE

Project history

Deployment records saved locally on this device.

Recent deployments0 records
⌕
HELP CENTER

Docs & guides

Everything you need to build and publish with NOVA.

01

How it works

NOVA sends your files to /api/deploy. The endpoint runs as a Vercel Function and uses the server-side VERCEL_TOKEN secret.

02

Keep tokens private

Never place your Vercel token in HTML or JavaScript. Browser code is visible and could expose your account credentials.

03

Project naming

Use lowercase letters, numbers, dots, underscores, or hyphens. Names must start with a letter or number.

04

Sketchware WebView

Load NOVA BUILDER's URL in your WebView. Enable JavaScript and file chooser support if you want to use local file uploads.

05

First-time setup

  1. Deploy the NOVA BUILDER folder to your Vercel account.
  2. In Project Settings → Environment Variables, create VERCEL_TOKEN.
  3. Set its value to your Vercel access token.
  4. Redeploy NOVA BUILDER after adding the variable.
  5. Open NOVA BUILDER from your browser or Sketchware WebView.
06

Supported workflow

This workspace focuses on static HTML, CSS, and JavaScript. Framework projects such as Next.js require a separate build workflow via Git, CLI, or Vercel's framework tooling.

MAKE IT YOURS

Workspace settings

Manage appearance and local browser data.

Appearance

Switch between the default dark studio and light mode.

Local storage

Drafts and deployment history are stored in this browser.

Vercel deployment

/api/deploy · Server-side Vercel API integration

SERVER
API endpoint

/api/deploy · Serverless function

CONNECTED BY CONFIG
Security reminder

Do not ask users to enter their Vercel token in the frontend. Store secrets only in Vercel Environment Variables.