Angular profile image Angular

Applications or websites build with Angular Universal

twitter logo github logo Updated on ・1 min read

Part of "Angular Universal Advanced Techniques " series

I've been using Angular Universal for my blog and personal website since I first learned about the technology in October 2016!

What websites have you built using Angular and more specifically Universal? What challenges did you face? How do you like it so far?

For those who haven't heard about it yet, Angular Universal is a specific technology allowing Angular applications to be rendered on the server. This gives you some major benefits, like

  • better performance and load times
  • better SEO and support for crawlers
  • and many more..

Read more about it here and here. Fire away if you have specific questions!

twitter logo DISCUSS (9)
This is where we write about all things Angular. It's meant to be a place for Angular community and people interested in Angular and the Angular ecosystem.
markdown guide
 

Hi Sam,
I have one question. If you build with Angular Universal, is it the whole application will be server rendered?
Or just render during the time bootstrap, and javascript will take place after fully load.

 

It's not mandatory to render the complete page of the application on the server, nor is it required to render the complete list of pages on the server.

Some things don't necessary require a server side render. For example: if you are server side rendering for SEO purposes it's only necessary to render the publicly available pages, or the publicly available parts of your pages.

Google will, for example, not login on your authentication functionality when it's crawling your page. Therefor, in respect to that specific requirement, it has no added value to server side render personalized content that you would only show when authenticated

 

So we can choose which page to use server side render?
It that is the case, do we need two deployments? one for static hosting, another for server side rendering

Correct, you can! Only one deployment is needed. In your server side logic it's perfectly possible to choose which pages can and should be prerended and which not.

I can put together an example if you'd like, but that will require me some time :)

That's great. I was planning to opt in SSR for my website. Thanks for the answer. If you have the time luxury I would love to have an example 😁

Hi there. I've devoted some extra time in my new blogpost to your specific question.

You can find it here: samvloeberghs.be/posts/creating-a-...

The answer to your question is in the second-last section of the page: "Server-side render only specific pages". I will cross post this asap to dev.to Crossposted here: dev.to/angular/creating-a-simple-m...

 

Hey Sam. Do you have any examples of how you use angular for your blog? What is your process for storing/rendering your MD, rendering your list page vs post page? I would love to see a post about how you are doing this.

 

I can write about those specific questions, but it will require time.

Meanwhile please check the repo: github.com/samvloeberghs/kwerri-os...

I don't use MD myself, I prefer full HTML as you can see here: github.com/samvloeberghs/kwerri-os...

How I load my posts and generate them can be found in the posts components, here: github.com/samvloeberghs/kwerri-os...

Hope this can help you out somehow :)

Classic DEV Post from May 10

Discuss: GitHub Special Event

GitHub is holding a "GitHub Special Event" today. Let's discuss what we're thinking leading up to it + while it's happening <3

Angular profile image
One framework. Mobile and desktop.

Want to contribute to open source and help make the Angular community stronger?

All the angular code is freely available on GitHub.

You're welcome to jump in!