Page

This node defines a page within the application's navigation structure.

The Page node acts as a container for UI content that is accessible via a URL route.

The Page node represents a distinct screen or view in your application. It integrates with the routing system to allow navigation via URL paths. It serves as the root container for the visual elements that make up the page's content.

Inputs

General

Data	Description
Title	The title of the page. This is used for the browser tab title and internal references.
Url Path	The URL segment for this page (e.g., "home", "profile", "product/{id}"). Supports dynamic parameters using \{curlyBraces\}.

Meta Tags

Data	Description
Description	The meta description tag for SEO.
Keywords	Meta keywords tag.
Image	URL for the Open Graph image (social sharing).
Robots	Robots meta tag (e.g., "index, follow").

Experimental Sitemap

Data	Description
Included	Boolean. Whether to include this page in the generated sitemap.xml.
Change Freq	How often the page content changes (always, hourly, daily, weekly, monthly, yearly, never).
Priority	Priority of this URL relative to other URLs on your site (0.0 to 1.0).

Outputs

This node typically does not have standard data outputs, as it acts as a container. However, it may expose signals related to lifecycle events if configured (e.g., "Page Ready").

Usage

Creating a Route

1. Add a Page node to your graph.
2. Set the Title (e.g., "Product Details").
3. Set the Url Path (e.g., "product/{productId}").
4. Place your UI content (Groups, Text, Images) inside the Page node (or connect them if using a different structure).

Dynamic Routes

You can define dynamic segments in the URL path by wrapping them in curly braces, like user/{userId}.

• When a user navigates to /user/123, the userId parameter will be available to the page.
• Use the Page Inputs node to access these parameters within the page logic.

Navigation

To navigate to this page, use the Navigate or Push Component To Stack nodes. You will be prompted to provide values for any dynamic parameters defined in the URL path.

Detailed Behavior

• Routing: The Page node registers itself with the application's central router.
• SEO: Updates the document head (title, meta tags) when the page becomes active.
• Layout: Acts as a flexbox column container by default.

Troubleshooting

• 404 Not Found: Ensure the URL path is unique and correctly typed.
• Parameters Missing: If using dynamic routes, ensure you are passing the parameters correctly when navigating. Use the Page Inputs node to debug received values.