# Site Editor Routes

## Areas

When `canvasMode` is not `edit`, the areas available to use are:

| Area | Non-mobile viewport | Mobile viewport |
| --- | --- | --- |
| `sidebar` | Always rendered. | Only if no mobile area (`mobileSidebar`, `mobileContent`, or `preview`) is provided. |
| `content` | Rendered if provided. | Not rendered. |
| `preview` | Rendered if provided. | Not rendered. |
| `edit` | Rendered if provided. | Not rendered. |
| `mobileSidebar` | Not rendered | Rendered as full-screen (with the themed sidebar background), if provided and `mobileContent` is not provided. |
| `mobileContent` | Not rendered | Rendered as full-screen (with the white content background), if provided. |

When `canvasMode` is `edit`, the areas available to use are:

| Area | Non-mobile viewport | Mobile viewport |
| --- | --- | --- |
| `preview` | Rendered as full-screen, if provided. Otherwise, it'll display an empty blank sidebar. | Rendered as full-screen, if provided. Otherwise, it'll display an empty blank sidebar. |