Create a project

A project holds everything an operator sees: its screens, and the bindings that connect them to tags. Tags themselves belong to Nexus, not to a project, so several projects can share them.

Connect Studio to Nexus

Start Studio. It opens on the Nexus Hub, which lists the Nexus instances it knows about. A new Studio already has one card, Local Dev, pointing at localhost:8443: a Nexus on the same machine.

The Nexus Hub on a new install. Local Dev is the Nexus on this machine.

If Nexus runs on this machine, click Launch on Local Dev.

If Nexus runs somewhere else, click Add Connection, enter its Host, leave Port at 8443, click Verify Connection →, give it a Name, and leave Project blank. The full procedure is in Connecting Studio to Nexus.

Then:

1. Sign in with your administrator account and click Connect →.
2. Studio shows the certificate Nexus presented. On a new Nexus this is a self-signed certificate. Nexus prints its fingerprint in its startup log (HTTPS certificate SHA-256 fingerprint: …); check that it matches, then click Trust & Connect. Studio remembers it.

Create the project

A Nexus with no projects yet shows the New Project form straight after you sign in:

1. Enter a Name of Tutorial.
2. Leave Description empty and Start from set to Empty project.
3. Click Create Project.

New Project, as the Hub shows it on a Nexus with no projects.

Studio opens on the new project. It has no views yet.

On a Nexus that already has projects, the Hub lists them instead; use + New Project under the list, or, once Studio is open, File > New Project... (Ctrl+Shift+N).

Project names

Names must be unique on a Nexus — Studio refuses a name that is already taken. A short name without spaces, like Tutorial, also keeps the address operators open in their browser tidy.

The Studio window

Studio on a new, empty project.

These parts matter for this tutorial:

Where	What it is for
Views tab, top left	The project's views.
Tags tab, beside it	Nexus's tags: create and edit them here.
Properties tab, bottom right	The selected component's settings and bindings.
Components tab, beside it	The palette of components you add to a view.