Navigate To Path

This node navigates to a specific URL path.

The Navigate To Path node allows navigation using a raw URL string, useful for dynamic or external routing.

The Navigate To Path node provides a way to navigate by constructing a URL string. Unlike the standard Navigate node which selects a Page object, this node takes a string path (e.g., /products/123). It supports dynamic path parameters and query strings.

Inputs

General

Data	Description
Path	The URL path to navigate to. Can include placeholders like {userId}.
Open in new tab	Boolean. If true, opens the URL in a new browser tab. Default: false.

Parameter

Data	Description
*	Dynamic inputs generated from placeholders in the Path. For example, if Path is /user/{id}, an input id will appear.

Query

Data	Description
Query	A list of query parameter names (e.g., "sort", "filter"). Adding names here creates dynamic inputs.
*	Dynamic inputs for each query parameter defined above.

Actions

Signal	Description
Navigate	Triggers the navigation.

Outputs

This node typically has no outputs as it performs a "fire and forget" action or changes the window location.

Usage

Dynamic URL Construction

1. Set Path to /search.
2. Add q to the Query list.
3. Connect a Text Input value to the new q input port.
4. Trigger Navigate.
5. Resulting URL: /search?q=my+search+term.

Path Parameters

1. Set Path to /profile/{username}.
2. Connect a username string to the username input port.

Detailed Behavior

• Internal Routing: By default, it attempts to use the internal router (pushState) for smooth transitions if the URL matches an internal route.
• External Links: Can be used for external links if the path is absolute (though External Link node is often preferred for clarity).
• Encoding: Query parameters are automatically URL-encoded.

Troubleshooting

• 404: Ensure the constructed path matches a defined Page route in your application.
• Parameters Not Replacing: Ensure the placeholder syntax {name} matches exactly (case-sensitive) with the dynamic input port name.