Pre-render support

[aldonline]

• Redwood pre-rendering is under development. @mojombo is working on this.
• Instead of waiting for this feature to be ready, we will explore how Decoupled Studio will leverage it to provide a better developer experience. Hopefully this will give the Redwood team some ideas

Live Preview of Dynamic Pages

• Currently, Decoupled Studio lets developers open a live preview for a given page/route. This is only possible for pages without parameters.
• Once pre-rendering is in place, Redwood will let developers specify a service/function (on the API side) that returns a list of all possible parameter values for dynamic/parameterized routes.
• Decoupled Studio should be able to generate a valid dynamic route for any given page (or parameterized route).
• Implementation-wise, we just need to update the RWRouter/getRoutePathForFilePath method. (Note how the current implementation doesn't even try to deal with parameterized routes):

  @memo() getRoutePathForFilePath(filePath: string): string | undefined {
    // TODO: params
    const path = this.parent.pages.find((p) => p.filePath === filePath)?.route
      ?.path;
    if (path?.includes("{")) return;
    return path;
  }

Live Build Statistics

• It should be interesting for developers to see the estimated number of generated pages associated with each dynamic page.
• We could show this on the Project Outline. For example, we can let the developer know that there are 157 product pages.

- Redwood.js
  - pages
    - / - Home.js
    - /product/{id} - [157] - Product.js 

• We can also let developers explore a list of all the dynamic routes, open them in live preview mode, etc.

Note: This will work with the development version of the database by default. Usually, developer databases have less data, which makes this feature less interesting. It would be really cool to allow developers to "connect" to a production version of redwood for additional data, which can then be shown in context during development.