WebRADDocumentationExplore WebRAD ↗Project settings
Open Project Settings in the Project panel. Make your changes, click Apply changes, then save the project with Ctrl+S.
| Section | Settings |
|---|---|
| General | Application name, description, language, time zone, Designer grid, and scrollbar appearance. |
| Environment variables | Global configuration exposed through Env, with separate Development and Production values; the environment used by Preview and Build. |
| Icons | Browser and PWA installation icons, in SVG or PNG up to 1 MB. |
| SEO and sharing | Canonical URL, keywords, indexing, title, description, and sharing image. |
| Build and publishing | Browser routing, Application base path, Deploy directory, Deploy environment, minification, and source maps. |
| Native Application | Package identity, window, mobile, platform, architecture, format, output folder, network, and signing references. |
| PWA and metadata | Installation, short name, display mode, orientation, colors, and offline availability. |
Application name is used as the browser title when the page’s Browser title is empty. Language sets the HTML language attribute. Time zone is a preference exposed to the application; it does not change the device clock.
Environments
In Environment variables, click Add variable and enter a name such as API_BASE_URL. Select Development to edit its development value, then Production to edit its production value. Use it in TypeScript:
const apiUrl = Env.API_BASE_URL;Names use uppercase letters, numbers, and underscores, starting with a letter. Values are strings. Environment used for Preview and Build selects the Preview environment; Web/PWA and native exports use Deploy environment in Build and publishing.
These values become part of the distributed JavaScript. Use public settings only; keep private passwords and tokens on the server.
See Global variables (Env) for the complete manual, value conversion, and examples. See Global functions for shared code and Packages and libraries for NPM installation.
Icons and sharing
Icons provides the favicon and installation icons. Native Application allows a different package icon and a separate mobile icon.
In SEO and sharing, use a PNG or JPEG up to 5 MB; the recommended size is 1200 × 630 px. Empty sharing titles and descriptions fall back to the application’s general information.
Metadata is generated in HTML. Dynamic application content depends on JavaScript execution by the search engine or service opening the link.