Question: React SSR via Microsoft.AspNetCore.SpaServices.Extensions #247

Closed
opened 2025-08-09 17:15:33 +00:00 by fergalmoran · 0 comments
Owner

Originally created by @buvinghausen on 12/29/2017

@SteveSandersonMS

I'm trying to embrace the new way of doing things via the Extensions project (which I love BTW) but the only challenge I'm having right now is getting SSR up and running.

In the Template.csproj you have the following configuration

    <!-- Set this to true if you enable server-side prerendering -->
    <BuildServerSideRenderer>true</BuildServerSideRenderer>

Under the covers it's just running npm run build:ssr but create-react-app doesn't have a script built by that name so it fails. Unfortunately since this library is so brand spanking new I haven't found any suitable examples to follow out on the web.

What I'm leaning towards right now is using the Extensions app only for development (HMR & no SSR) then using my old webpack.config which emits both server & client production optimized bundles to the wwwroot\dist folder and still using standard Static File Middleware + Razor Pages (asp-prerender-module & asp-prerender-data tag helpers) to serve the content the old way when not in development.

Before I undertake this process to get it all up and running I just want to verify that there isn't some better way to achieve what I want that will be closer in line with the vision you guys have for the future (and yes I'd much rather be using Blazor but that's still too experimental but I will be keeping an eye out going forward)

EDIT found the Angular examples just not sure how to proceed with react. Will test some things out tomorrow because I definitely would love to skip the razor pages + tag helpers stuff if possible.

Thanks,
Brian

*Originally created by @buvinghausen on 12/29/2017* @SteveSandersonMS I'm trying to embrace the new way of doing things via the Extensions project (which I _**love**_ BTW) but the only challenge I'm having right now is getting SSR up and running. In the Template.csproj you have the following configuration ```xml <!-- Set this to true if you enable server-side prerendering --> <BuildServerSideRenderer>true</BuildServerSideRenderer> ``` Under the covers it's just running npm run build:ssr but create-react-app doesn't have a script built by that name so it fails. Unfortunately since this library is so brand spanking new I haven't found any suitable examples to follow out on the web. What I'm leaning towards right now is using the Extensions app only for development (HMR & no SSR) then using my old webpack.config which emits both server & client production optimized bundles to the wwwroot\dist folder and still using standard Static File Middleware + Razor Pages (asp-prerender-module & asp-prerender-data tag helpers) to serve the content the old way when not in development. Before I undertake this process to get it all up and running I just want to verify that there isn't some better way to achieve what I want that will be closer in line with the vision you guys have for the future (and yes I'd much rather be using Blazor but that's still too experimental but I will be keeping an eye out going forward) **EDIT** found the Angular examples just not sure how to proceed with react. Will test some things out tomorrow because I definitely would love to skip the razor pages + tag helpers stuff if possible. Thanks, Brian
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/JavaScriptServices#247
No description provided.