Code Editor

This feature gives you direct access to your project’s underlying codebase. You can inspect files, make targeted edits, and troubleshoot issues without switching tools or exporting your project.

Project Toolbar

Noah’s toolbar gives you quick access to every part of your project. Here’s what each tab and action does:

Preview

See a live preview of your web app as you build. Every change you make is instantly visible in the preview, so you can iterate quickly.

Code

Open the full code editor to browse your project’s file structure, inspect components, and make direct edits. From the code editor view, you can:

• Browse your full project file structure
• Search across files and jump to specific components
• Inspect and edit code directly
• Copy file content
• Reference files in chat to make targeted edits and discussions faster

Test

When you build a smart contract, Noah automatically generates test cases. The Test tab shows all test results — passed, failed, and total — so you can verify your contract works correctly before deploying.

Cloud

Connect Noah Cloud to get a managed cloud backend for your app. This gives you access to:

• PostgreSQL Database — store and manage your app data securely
• Edge Functions — trigger backend logic from your frontend
• Cloud File Storage — fast, securely store and deliver files globally

Integrations

Easily connect your app to third-party Web3 protocols and services. The Integrations tab lets you browse and configure protocols like Token Transfer, Jupiter Swap, Metaplex, Pump.fun, Raydium, deBridge, CoinGecko, Privy, and more. You can also manage smart contract connections from here.

For detailed protocol setup instructions, see Protocol Integration.

Toolbar Actions

Beyond the main tabs, the toolbar includes quick actions on the right side:

Download Project

Download your full project source code to your local machine.

GitHub Connect

Connect your GitHub account to push your project to a repository.

Audit

Generate a security audit report for your smart contract to identify risks and best practices.

Share

Make your project public and share it with others via a link.

Publish

Deploy your smart contract live on-chain and your web app on Netlify — all in one click.

Good to Know

• Changes made in the code editor immediately affect your project
• Code editing is available on paid plans only
• The code editor is intended for manual adjustments and is not required when building in Agent mode
• Test cases are only visible when your project includes a smart contract