Architect layer

Application settings

The name, addresses, meta and appearance of this project. Saved settings are read at runtime — a change shows on the next page load, with no rebuild.

Parallel routing

Parallel routing

How a page of this project is assembled. In the standard mode a page is one column of content. In the parallel mode the screen is divided into areas that are rendered independently — a slow one does not hold up the rest.

Add one slot at a time

Designing an application around parallel routing takes a deep understanding of the user's path: the screen is split into areas, and each one lives its own life. Grow the project by adding no more than one slot at a time — until you understand how to use it in your own product.

Available in an upcoming update

Nothing reads this setting yet: parallel routing is not wired into the project's root layout. You can make the choice here, but it cannot be saved — the file would say one thing and the screen another.

Areas

The standard mode uses three areas — header, content, footer. Switch to parallel to choose the rest.

Layout preview

Header
Left column
Right column
Page content
Footer
  • Header

    Always on: without it a page does not assemble.

  • Promo screen

    A full-width band above everything — for an offer or an announcement.

  • Left column

    A side column: navigation, filters, a menu of the section.

  • Right column

    A side column: what accompanies the content rather than continues it.

  • Above the content

    A strip directly above the content: a title, a state, a warning.

  • Content

  • Below the content

    A strip directly below the content: what comes next.

  • Footer

    Always on: without it a page does not assemble.

Nothing changed

Powered by Fractera