In this tutorial we will be working with a templating engine named Pug, which changed its name from Jade recently after it was learned that Jade was already a registered trademark. Each has its own strengths, syntax, logic, and methods of handling data injection.

There are lots of different templating engines that work with JavaScript including Mustache, Handlebars, EJS, and Pug to name just a few. To do this, we need to use a templating engine to render our dynamic data to the page. So, rather than serving a “hard-coded” html page, we are going to inject dynamic information into the page when it is served. Dynamic content is content that is generated at the time you request the page. Now let’s start making things a little more interesting by serving up some dynamic content. In the previous post we served up some static content. “Developing template engines for Express”.ĭocumentation translations provided by StrongLoop/IBM:įrench, German, Spanish, Italian, Japanese, Russian, Chinese, Traditional Chinese, Korean, Portuguese.Ĭommunity translation available for: Slovak, Ukrainian, Uzbek, Turkish and Thai.This post is part of a Node.js series and is a continuation of my last post, Serving Static Content with Node.js and Express. To learn more about how template engines work in Express, see: The view is still re-rendered with every request even when the cache is on. Note: The view engine cache does not cache the contents of the template’s output, only the underlying template itself. When you make a request to the home page, the index.pug file will be rendered as HTML. You must specify the extension of the view file. Then create a route to render the index.pug file. app.set('view engine', 'pug')Ĭreate a Pug template file named index.pug in the views directory, with the following content: html Library follows this convention by mapping all of the popular Node.js template engines, and therefore works seamlessly within Express.Īfter the view engine is set, you don’t have to specify the engine or load the template engine module in your app Įxpress loads the module internally, as shown below (for the above example). Some template engines do not follow this convention.

Which is called by the res.render() function to render the template code. Express-compliant template engines such as Jade and Pug export a function named _express(filePath, options, callback),

Send data to pug template express