New: Multipage Beta

Hi all, I’m excited to share that we are starting our beta for Multipage apps!

With multipage apps, you can create a single app that has multiple pages! This helps solve problems like:

  • Performance of large apps
  • Flashing when navigating between apps
  • Having to edit multiple apps in multiple browser tabs
  • App sprawl on the home page
  • Creating list detail views
  • Sharing data between apps
  • Reduce module usage with shared navigation

Multipage web and mobile apps have shown significant increases in performance and faster app load times.

Cloud orgs can enable Multipage in their organization's Beta settings. On-prem orgs can sign-up by filling out this form.

Features

Checkout our documentation, to see our full feature list.

Creating a Multipage app

When multipage apps are enabled on your instance, you can create a new app by clicking on the “Multipage app” dropdown option

Creating a page

You can add pages to your app or import a single page app by clicking the + in the IDE’s new “Pages” tab.

Read more here on how to connect apps via navigation.

Multiple pages effect on performance

With multipage, Retool only evaluates the plugins on the current page, which means your pages and app can grow without worrying impacting other page’s speed.

In testing, we found multipage apps to be 30-40% faster on initial load than single-page counterparts.

What’s next?

  • Global & page-specific frames (e.g. Drawer, Modal, Split Pane, Sidebar, Header)
  • Public, embed, portals app
  • Parity between single page and multipage apps

Keep track of our latest fixes and ships here

Why is there a distinction between single and multipage apps?

Our end goal is for all apps to support adding multiple pages. However, for public beta there will be two types of apps: Single page and multipage. We make this distinction because we still have multipage feature parity work that we need to do (e.g. multiplayer, theming, etc.)

How do I sign-up?

Cloud orgs can enable Multipage in their organization's Beta settings. On-prem orgs can sign-up by filling out this form.

If you signed up and still don’t see multipage after a couple days, please email us at multipage-team@retool.com.

Help! Something is broken:

Please report any bugs via Support or this forum.

20 Likes

hey @ming great work by everyone on this, helps a lot. i was wondering if there's any soft timeline for allowing multipage mobile apps?

@trz-justin-dev, there are actually multipage mobile apps in this beta as well! You should be able to access it via the add app dropdown when multipage is enabled on your instance

You can read more of the docs here - Build multipage mobile apps | Retool Docs

@ming thanks for the fast reply.

ahhh I see... in the bottom left corner of the editor, there was a mobile layout button to toggle between, and at first it wasn't there for my multipage app (i panicked, ngl).

since i posted here, after adding components, the button has appeared :slight_smile:

1 Like

hey @ming another question for you.

i have global components in the header, but the components inside of containers disappear when i create a new page. i'm not touching the hidden attribute of any of them. let me illustrate

happy state on the default page:

disappeared when i make a new page:

but they're seemingly shown in the Components sidebar:

i'll take another look at the Multipage introduction google doc in the meantime

i did a cut and paste for all the components in containers and now the issue seems resolved :slight_smile:

Hey @trz-justin-dev, that's a really odd bug. Did you use Duplicate to Multipage/import page for the default_page? Glad you found a workaround. If it happens again please let us know!

Is there a way to get which page is currently from the context? I can't figure it out. E.g. to use that in the header, which has app context.

3 Likes

Responded here!

Will this be a feature only available for a certain tier or will it eventually be available on all subscriptions?

@ming i did a few things in the first hour of playing with multipage, and i believe yes i duplicated at some point, and also imported an app as a page -- not sure which order of operations. i also noticed the split pane frame from one page showing up intermittently in another page when previewing. eventually it went away /shrug

1 Like

@trz-justin-dev yup, full page-level split pane support will be out next week where you'll be able to add a split pane to each page. Sorry for the bugs in the meantime!

1 Like

Multipage is and will be available for all customers!

3 Likes

@ming awesome to hear! no worries about bugs -- normal beta feature things. i'd imagine it's a massive undertaking to make multipage work with all the existing functionality.

2 Likes

This is great!! :ok_hand::ok_hand: many thanks :pray:
Would it be possible to have more than one split pane (two for example / one left one right) per page?

1 Like

@LinoPino We definitely want to support multiple split panes in the future but it's not the team's top priority and I don't have a good timetable for when to expect it. Glad you like multipage though!

Wow, that is amazing! One of the last features that my "old" platform offered which I was missing in Retool! I am soooo happy to have made the decision to hop onto the Retool train!

4 Likes

Hi,

I've been refactoring my apps using Multipage, which has been a game changer. My previous version had thousands of components and was barely able to load. Now, I've managed to split it into 20-30 pages, which makes it much easier to load and faster.

The navigation bar and header are also much easier to maintain.

However, the navbar component needs some adjustments: when dynamically adding navbar items, we cannot dynamically set the page destinations.

2 Likes

Hey @MicExpert! Dynamic navigation is on our roadmap and we hope to start work on it in the next 2 months. Will keep you updated!

1 Like

Hi @MicExpert,

I've been utils.openPage(pageName, {hashParams: {}}) which I think might solve this issue.

Hope it helps.

6 Likes