App Builder
Code Control
Code Control - Opulent documentation
Code Control
Full access to everything Opulent generates — inspect, export, edit, and take your code anywhere
What it is
Code Control gives you complete visibility and ownership of the code Opulent generates. Every line of code is yours: inspect it in the Code panel, view it in GitHub, download the entire codebase, or edit it locally with your own tools.
There is no proprietary format, no locked-in abstraction. Opulent generates standard code in standard frameworks — Next.js, React, TypeScript — that any developer can read and extend.
Code Panel
The Code panel shows all source files for your current project. Browse directories, open files, and read the generated code.
What You'll Find
| File/Directory | Contains |
|---|---|
app/ or pages/ | Next.js routes and page components |
components/ | Reusable UI components |
lib/ or utils/ | Utility functions and helpers |
backend/ or api/ | Backend functions and API routes |
public/ | Static assets |
package.json | Dependencies and scripts |
.env.example | Required environment variables |
Inspecting Generated Code
You can ask Opulent to explain any part of the code:
"Explain how the authentication middleware works in this codebase"
"Show me the database schema for the users table"
"What does the useDataQuery hook do in the dashboard page?"Editing Code Directly
For precise changes, edit the code directly:
"Change the database query in the analytics page to only count users
created in the last 30 days"Or edit locally, push to GitHub, and Opulent pulls the changes automatically before the next edit session.
Exporting Your Codebase
Via GitHub
The code is in your GitHub repo at all times. Clone it:
git clone https://github.com/you/your-project
cd your-project
npm install
npm run devLocal Download
"Export the full codebase as a ZIP file I can download"The complete project is packaged and downloaded — ready to run anywhere.
Running Locally
After cloning:
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env.local
# Fill in the required values
# Start development server
npm run devYour application runs locally at http://localhost:3000.
What Opulent Never Does
- No proprietary runtime — your code runs on standard Node.js
- No hidden dependencies on Opulent infrastructure (after export)
- No usage restrictions — the generated code is yours with no licensing constraints
- No tracking or callbacks to Opulent in the generated application code
Common Questions
Can I take the code and host it myself, completely independent of Opulent? Yes. The generated code is standard and fully portable. After export, you have no dependency on Opulent unless you choose to use Opulent's AI features within the app.
Can developers on my team edit the code without using Opulent? Yes. It's a standard GitHub repo. Any developer can clone, edit, and push changes.
What framework and language is used?
TypeScript + Next.js 15 by default. You can specify a different stack: "Use Python/FastAPI for the backend" or "Build this with SvelteKit".
Can I add Opulent to an existing codebase? Yes. Connect your GitHub repo and Opulent works from your existing code, making targeted additions and changes.