I followed this tutorial and I built this with it: / But as you can see the loading is very slow, because meteor loads the data from client side.

I get this error when I want to use the global Template inside Meteor.isServer:

ReferenceError: Template is not defined
at app/products.js:56:3 ...

How do I serve the templates from server side so I don't have to wait for the client?

I followed this tutorial and I built this with it: http://x111.meteor./ But as you can see the loading is very slow, because meteor loads the data from client side.

I get this error when I want to use the global Template inside Meteor.isServer:

ReferenceError: Template is not defined
at app/products.js:56:3 ...

How do I serve the templates from server side so I don't have to wait for the client?

• javascript
• html
• meteor
• handlebars.js

• The whole point of Meteor is data on the wire - don't serve HTMl, serve data – Swadq Commented Feb 27, 2013 at 12:54

4 Answers 4

Try this. This package adds support for server side Handlebars in Meteor. It's primarily intended as a stop gap for server side email html until Meteor releases server side rendering support.

> mrt add handlebars-server

The templates are served up with the server even though the code is in the client html. The reason they take long is the step for the meteor collections to download to the client on the first load.

Update: I know this isn't what you asked for exactly, but the root cause of the lag isn't the Templating system.

The core issue would be the latency between your browser & the server. You need to place the server closer to you to remove this lag / make it shorter as would be with any web server.

If you can't get a server closer you could display a loading... message so users are aware the data will be available shortly.

{{#unless CartItems.count}}
    <tr>
        <td colspan="4">Loading...</td>
    </tr>
{{else}}
    {{#each CartItems}} 
        <tr>
           <td>{{Name}}</td>
           <td>${{Price}}</td>
           <td>{{Quantity}}</td>
           <td>${{Total}}</td>
        </tr>
     {{/each}}
{{/unless}}

Currently there is no built-in way to do this, but adding serverside template rendering is a planned feature (though I don't see it on the Roadmap yet):

This version of spiderable is specifically for search engines. A future version of Meteor will also send HTML to web browsers on inital page load. The Meteor templating system was designed specifically to support this use case.

(http://meteor./faq/can-meteor-serve-static-html)

While people will say this violates the "only send data over the wire" philosophy, for sites that need good SEO it's pretty necessary, and also a very natural thing to do when you have the same template language and framework available to both the server and client.

If you're looking for this type of functionality in a Node.JS framework I would remend using Derby.JS http://derbyjs./