Provide pageContext in prerender() and amend in onBeforeRender()

[lutzissler]

I have a Vue app with hundreds of pages generated from the same basic data. To speed up prerendering, I am fetching the data once and then use the prerender() hook to provide it in the pageContext for all those pages, as the docs suggest.

I am using Pinia though. With Pinia, I have to get the initialStoreState in onBeforeRender() and include that in pageContext as well, as shown in the example. Obviously the state is different for each of the dynamic routes, so I cannot provide initialStoreState from the prerender() hook.

Unfortunately, because I already return a pageContext in my prerender() hook, onBeforeRender() is not called during prerendering anymore. Ideally, it would still be called so I could amend the pageContext already provided by prerender() and put the initialStoreState there.

Is there any way to achieve that?

[brillout]

Have you tried to define one gloabl prerender() hook in _default (doing the "fetching the data once") + multiple prerender() hooks on a per-page basis (doing the pageContext amending)? VPS will call of them.

[lutzissler]

Ok, but even this doesn’t work:

// _default.page.server.js
export async function onBeforeRender(pageContext) {
    console.log(pageContext._prerenderContext)
    …
}

Shouldn’t that work after updating to 0.4.99?

[brillout]

It should, see the fix commit. Hm, not sure what's going on.

[lutzissler]

My bad, I had made some changes while testing and that left the prerender() hook provide pageContext. Without that, it’s working (of course).

[lutzissler]

The only page for which pageContext._prerenderContext is now missing in onBeforeRender() is for the error page. I can handle that case of course but it would be great for consistency if pageContext._prerenderContext would be present there, too.

[brillout]

Yea, in general, the whole DX here would need to be polished (I've some ideas). Feel free to open a new Feature Request describing your use case in generic terms.

Also, in case you think you can convince your company: https://github.com/sponsors/brillout – sponsorships are making a huge impact.

Curious: how did you stumble upon VPS?