AI Studio - Code Editor

Modified on Fri, 24 Apr at 3:49 AM

You can now view, edit, and manage your website’s code right inside the builder. No switching tools. No extra steps. Just fast, real-time updates.
What’s New
Built-in Code Editor
CodeMirror-powered editor with support for TypeScript, JSX, CSS, JSON, and more. Tabs, keyboard shortcuts, and unsaved-change indicators included.
Find & Replace
Cmd/Ctrl + F for fast, VS Code-style search with case-sensitive and whole-word options.
Global Project Search
Search your entire project, jump to results instantly with highlighted matches and line numbers.
Instant Save & Live Preview
Save and see changes live in seconds, no deploy step needed.
Smart Error Detection
Errors show up immediately. Click “Try to fix” and let AI handle it.
Automatic Route Detection
New routes in code? They appear automatically in the route selector.
Version History
Every edit is saved. Preview, bookmark, or roll back anytime.
Unsaved Changes Protection
Get warned before leaving unsaved code changed, no lost work.
image (3)
image (4)
image (5)


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article