Frontend Apps

Corva frontend apps are React applications that run inside Corva dashboards. They combine operational data with reusable components from @corva/ui, so customers can build focused workflows and visualizations without recreating the surrounding Corva experience.

Choose the app segment before you start. The segment determines which operational assets Corva supplies to the app and how the standard asset selector behaves.

Start hereSet up your first appCreate the app in Dev Center, scaffold it, and run it locally.DrillingBuild a drilling appWork with the selected rig and well, then load well data.CompletionBuild a completion appWork with frac fleets, pads, wells, and completion modes.Corva UIBuild the interfaceUse supported components, hooks, clients, styles, and testing utilities.

Choose the right segment

Segment	Primary operational context	Typical apps
Drilling	Rig and active or selected well	Drilling performance, directional, WITS, well planning
Completion	Frac fleet, pad, and one or more wells	Frac, wireline, pumpdown, and multi-well monitoring

The latest scaffold creates a segment-specific App component. Both variants use AppContainer, AppHeader, and useAppCommons from @corva/ui; the operational assets available through the app context are different.

How frontend apps fit together

1. Dev Center registers the app and creates its app key.
2. @corva/create-app generates the React project and segment-specific starter.
3. Corva embeds the deployed app in a dashboard and provides app, user, settings, and asset context.
4. @corva/ui provides the standard app container, header, components, hooks, authenticated API clients, styles, and test helpers.
5. Your app loads the datasets it needs and renders the customer workflow.

Recommended path

Complete Getting Started, then follow either the drilling or completion guide. The rest of this section is reference material for those two paths.