The Big Idea
Discover how a simple command can save you hours of repetitive coding!
0
0
Why res.render for templates in Express? - Purpose & Use Cases
The Scenario
Imagine building a website where every page needs to show user data, but you have to write full HTML for each page manually, mixing data and layout everywhere.
The Problem
Manually writing HTML for every page is slow, repetitive, and easy to make mistakes. Changing the layout means editing every page, which wastes time and causes bugs.
The Solution
Using res.render lets you separate your page layout from data. You write a template once, then fill it with different data automatically, making your code cleaner and faster.
Before vs After
✗ Before
res.send('<html><body><h1>Welcome ' + user.name + '</h1></body></html>');
✓ After
res.render('welcome', { name: user.name });What It Enables
This makes it easy to create dynamic pages that update automatically with new data, without rewriting HTML each time.
Real Life Example
Think of an online store showing product pages: with res.render, you use one template to show any product's details by just changing the data.
Key Takeaways
Manual HTML mixing with data is slow and error-prone.
res.render separates layout from data for cleaner code.
It speeds up building dynamic, data-driven web pages.