Note that there are some explanatory texts on larger screens.

plurals
  1. PODual-Side Templating vs. Server-Side DOM Manipulation
    primarykey
    data
    text
    <p>I'm making an app that requires dynamic content be fully rendered on the page for search engine bots - a problem, potentially, should I use JS templating to control the content. Web spiders are supposedly getting better at indexing RIA sites, but I don't want to risk it. Also, as mobile internet is still spotty in most places, it seems like a good practice to maximize the server load initially to ensure that basic functionality/styles/dynamic content show up on your pages, even if the client hasn't downloaded any JS libraries.</p> <p>That's how I stumbled upon dual-side templating:</p> <blockquote> <p>Problem: How can you allow for dynamic, Ajax-style, rendering in the browser, but at the same time output it from the server upon initial page load?</p> <p>c. 2010: Dual-Side Templating A single template is used on both browser and server, to render content wherever it’s appropriate – typically the server as the page loads and the browser as the app progresses. For example, blog comments. You output all existing comments from the server, using your server-side template. Then, when the user makes a new comment, you render a preview of it – and the final version – using browser-side templating.</p> </blockquote> <p>I want to try dual-side templating with Node.js and Eco templates, but I don't know how to proceed. I'm new to JavaScript and all things Node.</p> <p><a href="https://github.com/dodo/node-lift/blob/master/src/example/server.coffee" rel="nofollow">Node-Lift</a> is said to help, but I don't understand what it's doing or why.</p> <p>Can someone provide a high level overview of how you might use dual-templating in the context of a mobile web app?</p> <p>Where does <a href="http://blog.marksoper.net/Server-side-DOM-manipulation-in-Nodejs-with-JSDOM-JQuery-and-Mustache-Templates-April-25-2011.html" rel="nofollow">server-side DOM manipulation with jQuery and JSDOM</a> fit in to the equation?</p> <p>TIA</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload