Angular v18 SSR - Prerendering routesFile routes.txt when route starts with "id". Ex: "/:userId/home"

[sonnyk22]

Command

build

Description

Based on the feedback in this link #28346, Angular v19 will provide a much better and easier way to handle the prerendering when it comes to the routes that starts with "id". But this version will not be released until Nov 19th or so.

Using the below section in the angular.json file:

"prerender": {
    "routesFile": "routes.txt",
    "discoverRoutes": false
},
"ssr": {
    "entry": "server.ts"
}

In Angular v18.x, it is is really easy to get prerendered for such basic routes as below:

   /auth
   /contact  
   /info/:id

However, is there a way to prerender when the "id" is right at the beginning of the route? For example:

   /:userId/profile
   /:userId/home
   /:userId/account

This is a unique request to prerender that I have not found any solution to on search engines.

Describe the solution you'd like

While waiting for Angular v19 to be released, it would be nice to be able to prerender in v18.x via the routesFile routes.txt for the example routes below:

   /:userId/profile
   /:userId/home
   /:userId/account

Describe alternatives you've considered

No response

[alan-agius4]

The placement of the dynamic part of the URL is irrelevant because the full routes are specified in the routes.txt file. If the problem persist can you setup a minimal repro please?

You can read here why this is needed. A good way to make a minimal repro is to create a new app via ng new repro-app and adding the minimum possible code to show the problem. Then you can push this repository to github and link it here.

This might be related to your directory structure so its really important to get an accurate repro to diagnose this.

[sonnyk22]

Here is the Angular v18 repo you've requested. The README file explains my question. Hopefully, there is an easy way to handle this prerender question. Repo:

[alan-agius4]

This is working as intended. The parameterized route values in routes.txt need to be replaced with actual values.

Example:

- /:user/profile
+ /john/profile
+ /jane/profile
- /:user/photos
+ /john/photos
+ /jane/photos

See: https://angular.dev/guide/prerendering#prerendering-parameterized-routes

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}