# Getting started

Create a project, build a screen, and run Preview.

URL: https://webrad.atentor.com/docs/primeiros-passos
Updated: 2026-11-07

## Create a project

1. Open **File → New Project** or press **Ctrl+N**.
2. Choose **Blank project** to start from scratch or **Examples & Tutorial** for editable examples of components, reusable menus, APIs, and RestGO accounts across 13 pages.
3. Choose a theme: **Aurora**, **Prism**, **Flat**, or **WebRAD**.
4. Enter **Project name** and click **Create project**.
5. Select the destination folder. The IDE creates a subfolder with the project name.

To reopen a project, use **File → Open Project…** or **Ctrl+O** and select the `.wrproj` file.

## Build your first screen

1. Open **index** in **Project Explorer → Pages**.
2. Add components from the **Tool Palette**.
3. Select a component and adjust its properties in the **Object Inspector**.
4. In the **Interaction** tab, double-click an event to create and link its TypeScript method.
5. Edit the method in the **Code** tab and save with **Ctrl+S**.
6. Press **F9** or click **Preview** to compile and run.

In page code, access components using their Inspector names, such as `Button1.caption`. The page root is `this`.

Projects include the required **index** and **404** pages. Edit their content; their names are reserved. Use **Project → Add Page** for additional screens.

## Next steps

Open **Project Settings** in the **Project** panel to configure the name, environments, routes, and publishing. To export, open **Project → Build Application…** and choose **Web/PWA** or a native platform.