title: Dynamic Meta for Nuxt.js
body: <p>Can anyone help with a situation regarding meta info with dynamic data. </p>
  
  <p><strong>Problem</strong></p>
  
  <p>We are using Nuxt and generate our static page using npm run generate, and have identified several problems with this approach: </p>
  
  <ul>
  <li><p>open graph and twitter meta tags can't be dynamically updated because
  crawlers don't run JS</p></li>
  <li><p>details page during build process is generated    only once and
  therefore doesn't have any relevant data until user has    navigated
  to that page with URL parameters (e.g.<br>
  example.com/cars/details?make=Audi&amp;model=A6&amp;carID=133852) which then 
  feed AJAX GET request for data</p></li>
  </ul>
  
  <p><strong>Desired outcome</strong></p>
  
  <p>Open graphs, twitter and other meta tags unique for every car details page.</p>
  
  <p><strong>Question</strong></p>
  
  <p>Is it possible to achieve the desired outcome with generated static only? If not what would the process look like with SSR or server side generated meta content?</p>
  
  <p>Our dist folder structure is currently:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>dist/
    ├ index.html
    ├ cars/
      ├ index.html
      └ details/
        ├ index.html
        └ payment/
          └ index.html</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>cars</strong> page with a list of cars </p>
  
  <p><strong>details</strong> clicking a car navigates to details page of the selected car</p>
  
  <p><strong>payment</strong> car purchase page</p>