Templating Engines for Dynamic Content
Explore using templating engines like EJS and Pug in Express to dynamically render HTML pages from server-side data.
When building web applications with Express, we often need to return HTML customized for each user. While we could build strings of HTML manually or use the res.send() method with static content, that becomes unwieldy very quickly. Instead, we use templating engines—tools that let us generate HTML pages dynamically by embedding variables and logic directly into template files.
In this lesson, we’ll learn how to render dynamic content in Express using two popular templating engines: EJS and Pug. This is especially useful when building apps that need server-rendered pages like dashboards, admin panels, or content-heavy websites.
What’s a templating engine?
Express makes it easy to build dynamic web pages using templating engines, tools that combine data with HTML to generate full web pages on the fly.
Instead of creating a separate HTML file for every page in your app, we can define template files that act like reusable blueprints. We pass in data (like a user’s name or a page title), and the engine fills in the blanks when rendering the final page.
Setting up a templating engine in Express
Two of the most popular templating engines in the Node.js ecosystem are EJS (Embedded JavaScript) and Pug. Before we can use one of them, we need to tell Express which engine to use when rendering templates.
const express = require('express');const app = express();app.set('view engine', 'ejs');app.set('views', './views');
Explanation:
Line 4: This sets the default view ...