Preview and Terminal

Live preview

The preview panel shows your app running in real time.

Use it to:

• Validate layout and styling
• Confirm routes and navigation
• Test interactive elements

If something looks off, check the file changes and ask the AI to fix it.

Integrated terminal

The terminal lets you run standard commands in the project environment, such as:

• Install dependencies
• Run tests
• Build the project

Common examples:

npm install
npm run dev
npm run build

The exact commands depend on your template and stack.

Troubleshooting tips

• If preview fails to load, check build errors in the terminal.
• If dependencies are missing, reinstall and restart the preview.
• Keep commands small and clear to isolate issues.

Next steps

• Export files: web-builder-files-export
• Deploy to Vercel or Netlify: web-builder-deploy-vercel-netlify