# Routes

Routes allow you to define custom URLs paths that the Routes component can respond to, switching content based on the route URL.

To add any new route, just open `routes` resource from the main menu.

<figure><img src="https://4190342052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjiITn8B0C9eJvihABh%2Fuploads%2FvYcz2yyBrWikVkGTOfb1%2Fimage.png?alt=media&#x26;token=5918369f-a235-4451-b3a0-302b7d832b40" alt=""><figcaption></figcaption></figure>

The key is autogenerated and serves for dynamic referencing a route. The label is user friendly name and the path is URL path. You can also include a parameter, which starts with `:`.

For example, route UserDetail can look like `/users/id/:userId` -> this route will have a single parameter called userId.

<figure><img src="https://4190342052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjiITn8B0C9eJvihABh%2Fuploads%2FmJLFpJftlnLsPf2gdoay%2Fimage.png?alt=media&#x26;token=70b5ff2e-cd3c-42ee-9e49-5b23f332ddba" alt=""><figcaption></figcaption></figure>

All registered routes are available in some components which support Link property.

For example, this settings make from button a link to the Signup route -> after click you will see the url in your browser or in Tester.

<figure><img src="https://4190342052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjiITn8B0C9eJvihABh%2Fuploads%2F2m5hHL7olwOXALXTammc%2Fimage.png?alt=media&#x26;token=7859daf9-728e-4b62-9a57-7f00323c1f34" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Link to a route changes the URL address, but has no influence on the content. For defining content you need to use the Routes component.
{% endhint %}