[Documentation](https://fluxnative.app/docs) / Build your app

# Edit the source

Open any file in Code, edit it with autosave, search the project, move or replace files, or send highlighted lines with a request.

![The Code tab: the file explorer and TodayScreen.tsx open in the editor, beside the preview](https://fluxnative.app/guide-media/edit-the-source.0fb2fb8f.webp)

Code shows every file; edits save by themselves and the preview rebuilds.

## Steps

1. Open **Code** in the project panel, or press ⌘E (Ctrl+E).
2. Open a file with ⌘P (Ctrl+P) and edit it. It saves by itself and the preview rebuilds.
3. To ask about one place, highlight the lines and send them with a chat message.
4. Rename, move, replace or delete a file from its **⋯** menu; code that uses it is updated too.

## Where things live

| Folder | Holds |
| --- | --- |
| `app/` | Routes: one file per screen, plus tab and stack layouts. |
| `src/features/` | Screens and their behaviour, by feature. |
| `src/services/` | Data access: API clients and backend calls. |
| `src/theme/` | Colours, spacing, radius and type; the Design tab edits these. |
| `.env` | Public configuration the app may ship. |

## Shortcuts

| Shortcut | Action |
| --- | --- |
| ⌘P / Ctrl+P | Open a file by name |
| ⌘F / Ctrl+F, ⌘⇧F / Ctrl+Shift+F | Find in the file, search the project |
| ⌥Z / Alt+Z | Word wrap on or off |
| ⌘E / Ctrl+E | Open or close the code drawer |
| ⌘K / Ctrl+K | Find an app, page, action or Help article |
| ⌘J / Ctrl+J | Open or close the assistant |
| ⌘/ / Ctrl+/ | List every shortcut |

## Good to know

- **Upload to assets/** adds images, fonts and videos; a .zip is unpacked and a file with the same name is replaced. On a landing page it is **Upload to public/**: the page serves `public/` as it is, so an image or video there loads on the page.
- A path built at run time is not updated by a move; the dialog names those files.
- Each file change is its own version in **Version history**. It needs the **Edit code** permission and waits while a turn runs.
- If your save and a turn change the same file differently, both sides are kept for you to resolve. Close files with ×: ⌘W closes the browser tab.

## Related

[Export the project](https://fluxnative.app/docs/export) · [Revisions and undo](https://fluxnative.app/docs/revisions)

Previous: [Design tokens](https://fluxnative.app/docs/design-tokens) · Next: [Revisions and undo](https://fluxnative.app/docs/revisions)

---

Open any file in Code, edit it with autosave, search the project, move or replace files, or send highlighted lines with a request.

Page: https://fluxnative.app/docs/edit-the-source