Using Template Engines

app.set("views", [
  path.join(__dirname, "views"),
  path.join(__dirname, "shared/views")  // shared partials
]);

app.locals.appName = "Acme";          // every render
res.locals.user = req.user;            // every render in this request
res.render("dashboard", { stats });   // template-specific

<!-- views/profile.ejs -->
<%- include("partials/header") %>
<h1>Hello, <%= user.name %></h1>
<ul>
  <% for (const post of posts) { %>
    <li><%= post.title %></li>
  <% } %>
</ul>

doctype html
html
  head
    title= title
  body
    h1 Hello, #{user.name}
    ul
      each post in posts
        li= post.title

import { engine } from "express-handlebars";
app.engine("hbs", engine({
  extname: ".hbs",
  defaultLayout: "main",
  helpers: { uppercase: (s) => s.toUpperCase() }
}));
app.set("view engine", "hbs");

<!-- views/partials/nav.ejs -->
<nav>
  <a href="/">Home</a>
  <% if (user) { %><a href="/logout">Logout</a><% } %>
</nav>

<!-- views/page.ejs -->
<%- include("partials/nav") %>

app.locals.appName = "Acme";
app.locals.formatDate = (d) => new Intl.DateTimeFormat("en-US").format(d);
app.locals.currency = (n) => new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(n);