How do I pass a variable from server side to client side js Meteor
<p>Im using an external API. I'd like to show logged in user's nickname (steam API)</p>

<p>server main.js</p>

<pre><code>  Meteor.startup(function () {
    ServiceConfiguration.configurations.upsert(
      { service: 'steam' },
      {
        $set: {
          loginStyle: 'redirect',
          timeout: 10000 // 10 seconds
        }
      }
    );

    Accounts.onLogin(function() {
        var steam64Id = Meteor.user().profile.id;
        console.log(steam64Id + " is logged in.");

        // To retrieve more details about user

        var steamApiKey = ("XXXXXXXXXXXXX");
            var result = Meteor.http.get('http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=xxxxxxxxx&amp;steamids=76561197977045111');
                console.log(result.data.response.players[0].personaname);  
    });
  });
</code></pre>

<p>This returns "My Nickname" in the console log, but I'd like to retrieve this variable in client side so I can add {{Nickname}} to client js template and show user's Nickname in the template</p>