EJS refers to Embedded Javascript. It is basically used for templating the javascript app. In this post, we gonna check out the basic express app using EJS for rendering data in the frontend.
Firstly we gonna install EJS and the setup the views folder for saving the template .ejs files.
Installing EJS
npm i ejs
Create folder named, views the .ejs files will be stored in this folder.
app.js
const express = require("express");
const bodyParser = require("body-parser");
const app = express();
app.set('view engine', 'ejs'); //setting view
app.get("/", function(req,res){
var today = new Date();
var currrentDay = today.getDay();
var day = "";
if(currrentDay === 6 || currrentDay === 0 ){
day = "Weekend";
} else{
day = "Weekday";
}
res.render("list", {kindOfDay: day}); //sending data
});
app.listen(3000, function(){
console.log("Server started on port 3000");
})
views/list.ejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample EJS - Test App</title>
</head>
<body>
<h1> It's a <%= kindOfDay %>!</h1>
</body>
</html>
