title: Angular Universal for dynamic content?
body: <p>I want to use Angular Universal for two things: SEO and preview of the site on social media. I know it is possible with static site content.</p>
  
  <p>But what about dynamic content? What if I want search engines and social media crawlers to find not only the main site with a welcome-screen, but individual blog-posts like <code>www.example.com/posts?articleName=what-is-angular-universal-good-for</code>? Here the route <code>/posts</code> is handled by a PostsComponent, which subscribes to queryParam <code>articleName</code>. So it always renders an article which it dynamically fetches from a database.</p>
  
  <p>Would Angular Universal's server-side-rendering be applied here?</p>
  
  <p>I see that Universal does have something called TransferState. But can that be used for dynamic content? I assume if you rebuild the server-side-app every time you update the posts-DB, it should be able to run the rendering on every (dynamically resolved) post. E.g. this would be the action list for the server-side code:</p>
  
  <ol>
  <li>Prerender Main Site</li>
  <li>Load array of all possible blog-article-URLs from a DB</li>
  <li>Fetch their content and prerender every single one of them</li>
  <li>When User requests a blog post, only the main site and that post is served. All the other other posts are prerendered and available on the server too, but do not get delivered unless explicitly requested</li>
  </ol>
  
  <p>So is that possible or should I stop looking further into Universal?</p>