How to implement angular 4 server prerendering in ASP.NET Core

Question

I'm upgrading a ASP.NET Core project from AngularJS to Angular 4. Now that Angular Universal (a community branch) has been integrated into Angular itself, I would like to experiment with server prerendering.

Server prerendering with Vue 2 and ASP.NET Core is pretty elegant (e.g. http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/).

Are there any similar examples or tutorials about integrating Angular 4 server prerendering with ASP.NET Core, avoiding any refactoring from Angular Universal samples?

Community · Accepted Answer · 2020-06-20 09:12:55Z

8

Now we're a month further and MarkPieszak did an incredible job at putting together a starter template for exactly this: server prerendering of an Angular 4 app by using node.js on the server side.

I can now answer my own question by referencing this:

ASP.NET Core & Angular 4 with server-side prerendering

This starter template runs a perfect example out of the box. It's well documented and more complete docs are on the current roadmap.
Angular AspnetCore Engine

The heart of what makes server prerendering possible on ASP.NET Core. I has a decent readme to get started from scratch.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Apr 28, 2017 at 15:22

Sigge

2,17221 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

StepUp Over a year ago

Upvoted. Could you see my question? stackoverflow.com/questions/44306233/…

StepUp Over a year ago

cannot understand how can I implement server side rendering using ASP.NET Core Web API and Angular 4. Please, see my question. Thanks in advance.

Long Field · Accepted Answer · 2017-03-28 04:56:38Z

0

I have this package/showcase for angular 4 asp.net core, it does show up some kind of server prerendering but, angular structurally doesn't wanta server to worry about client view/page and just ask data from server.

with this controller you can cut and make your way: https://github.com/Longfld/ASPNETCoreAngular4/blob/master/webapp/src/webapp/Controllers/HomeController.cs

with this controller, angular only ask for data and leave view part to itself: https://github.com/Longfld/ASPNETCoreAngular4/blob/master/webapp/src/webapp/Controllers/StaffController.cs

https://github.com/Longfld/ASPNETCoreAngular4

answered Mar 28, 2017 at 4:56

Long Field

8889 silver badges17 bronze badges

2 Comments

Sigge Over a year ago

Thanks for your answer, it will prove useful in other ways, but unfortunately not for the prerendering I'm after: I really would want the entire angular view to be prerendered on the server side in the same way Angular Universal did this. This was done by using node.js on the server and by implementing two boot files; one for the server, and one for the browser once it takes control of the DOM. I found a sample of a similar endeavor here, but this user also seems to be stuck.

Sigge Over a year ago

Seems like JavascriptServices now has an issue open to upgrade to angular 4, it includes pre-server rendering. Keeping an eye on this one!

Collectives™ on Stack Overflow

How to implement angular 4 server prerendering in ASP.NET Core

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related