title: Angular universal-starter prerender with 4 levels nesting parameters
body: <p>For some reasons I want to create prerender build of my angular 5 project using <a href="https://github.com/angular/universal-starter" rel="nofollow noreferrer">https://github.com/angular/universal-starter</a> instead of server-side rendering.  </p>
  
  <p>There are 4 levels in my routes like this:</p>
  
  <pre><code>example.com/category/:id/subcategory/:id/event/:id/ticket/:id
  </code></pre>
  
  <p>Also, There is a rest api backend which I'm using for fetching data for each section. For example, /category/1 is sport, /category/1/subcategory/1 is football and so on. </p>
  
  <p><strong>First question</strong>: How can I create a html file for each of these levels by using <code>prerender.js</code> and How should my <code>static.paths.ts</code> look like?</p>
  
  <p><strong>Second question</strong>: How can I set meta tags for each of these pages? </p>
  
  <p><strong>Third question</strong>: How should my <code>app-routing.module</code> look like? Should I use <code>children</code> approach?   </p>
  
  <p>I'm using Angular 5.0.0 and ngx-restangular 2.0.2</p>
  
  <p>Thank you.</p>