AI Studio – Code Editor
You can now view, edit, and manage your website’s code directly within the builder. No need to switch tools or take extra steps—just enjoy fast, real-time updates.
Utilising a CodeMirror-powered editor, you will find support for TypeScript, JSX, CSS, JSON, and more. Features include tabs, keyboard shortcuts, and indicators for unsaved changes.
Use Cmd/Ctrl + F for a quick, VS Code-style search, complete with case sensitivity and whole-word options.
Effortlessly search your entire project and jump to results instantly, with highlighted matches and line numbers.
Instant Save & Live Preview
Save your changes and see them live within seconds—no deployment step required.
Errors are highlighted immediately. Simply click “Try to fix” and let AI take care of it.
Automatic Route Detection
New routes in the code? They will automatically appear in the route selector.
Every edit is saved, allowing you to preview, bookmark, or roll back at any time.
Unsaved Changes Protection
You will receive a warning before leaving your unsaved changes, ensuring no work is lost.

