---
title: "new page · RUAL Documentation"
description: "Allowes you to create a dynamic web page on the given URL."
canonical: https://docs.rual.nl/block-types/state%20ui/state_page
language: en
---

[Cluster](https://docs.rual.nl/cluster)

[Blocks](https://docs.rual.nl/block-types)

[Interfaces](https://docs.rual.nl/interfaces)

[Blueprints](https://docs.rual.nl/blueprints)

[Tutorials](https://docs.rual.nl/tutorials)

[Home automation](https://docs.rual.nl/home-automation)

[Examples](https://docs.rual.nl/examples)

[Reference](https://docs.rual.nl/reference)

[Architecture](https://docs.rual.nl/architecture)

[Troubleshooting](https://docs.rual.nl/troubleshooting)

Other

# new page

This block is part of the [`state ui`](https://docs.rual.nl/block-types/state%20ui) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

Allowes you to create a dynamic web page on the given URL.

- flow `flow`

- Connection `httpconnection` Determines which component should be rendered on the specified URI.

- Params `object` Object containing all the parameters found in the URL.

- Query `object` Object containing the query parameters in the URL.

A typical wiring for [new page](https://docs.rual.nl/block-types/state%2520ui/state_page): the `flow` out pin feeds [redirect](https://docs.rual.nl/block-types/http%2520connection/httpconnection_set_redirect); the `params` out pin feeds [get fields](https://docs.rual.nl/block-types/object/object_field_getter_multiple).

[![Studio canvas example for the new page block: typical wiring for new page.](https://docs.rual.nl/canvas-examples/state_page.png)](https://docs.rual.nl/canvas-examples/state_page.png?v=3)

## Commonly used with

In production blueprints, this block is most often wired together with:

- [render](https://docs.rual.nl/block-types/state%20ui/state_render_page): this block feeds into it. Sends the combined HTML to the frontend and renders the page into React components.

- [redirect](https://docs.rual.nl/block-types/http%20connection/httpconnection_set_redirect): this block feeds into it. Updates the connection to a new endpoint if the client allows following redirects.

- [get fields](https://docs.rual.nl/block-types/object/object_field_getter_multiple): this block feeds into it. Gets the selected fields from the given object.

- [execute](https://docs.rual.nl/block-types/function%20execution/function_custom_execute_from_trigger): this block feeds into it. Executes the given funcion and waits for it to be executed.

- [get document](https://docs.rual.nl/block-types/storage/function_get_document): this block feeds into it. get a specific document based on the given GUID.

- [validate password forgot token](https://docs.rual.nl/block-types/users/function_user_validate_password_reset_token): this block feeds into it. Validate the user input token before actually use it to change the password.

## Used in these guides

These documentation pages use or explain this block:

- [Build Your First CRUD App](https://docs.rual.nl/getting-started/first-crud-app)

- [Core Concepts](https://docs.rual.nl/getting-started/core-concepts)

- [Quickstart](https://docs.rual.nl/getting-started/quickstart)

- [Block Quick Reference](https://docs.rual.nl/reference/block-quick-reference)

- [Login Escape Hatch](https://docs.rual.nl/interfaces/login-escape-hatch)

- [Overwrite Defaults](https://docs.rual.nl/interfaces/overwrite-default-pages)

## Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

- [Back to `state ui`](https://docs.rual.nl/block-types/state%20ui): Return to the main group to view all sub-groups

- [Back to `state paging`](https://docs.rual.nl/block-types/state%20ui?group=state%20paging): Return to the group to view all blocks within this group

Was this page helpful? [Tell us what to improve](https://docs.rual.nl/support) · RUAL Docs is an integral component of the [RUAL ecosystem](https://rual.nl)