How to Use Embedded JavaScript (EJS) as a Template Engine in Express JS ? Last Updated : 13 Mar, 2024 Comments Improve Suggest changes Like Article Like Report Embedded JavaScript (EJS) is a simple templating language that helps us to generate HTML markup with plain JavaScript. It's commonly used with Node.js to create dynamic web pages. It also helps to incorporate JavaScript into HTML pages. Approach to use EJS as Template Engine in Express JS:Install EJS: First, you need to install EJS in your Node.js project.Set up your Node.js project: Create a Node project. Ensure you have a directory structure set up, with your main Node.js file (e.g., app.js or server.js) and a directory for your views/templates (e.g., views/).Configure Express.js: If you're using Express, you must set up your Express application to use EJS as the view engine.Create EJS templates: Inside the views/ directory, create your EJS template files with the .ejs extension.Steps to create application:Step 1: Create a project folder i.e. foldername, move to it using the following command: cd foldernameStep 2: Initialize Your Node.js Project npm initStep 3: Install dependencies npm install express, ejsStep 4: After creating necessary files move to the folder using the following command: cd foldernameProject Structure: The updated dependencies in package.json file will look like. "dependencies": { "ejs": "^3.1.9", "express": "^4.18.3"}Example: In this example we will simply print "Hellow World" with hte help of EJS in Node.js. In this EJS file, <%= title %> and <%= message %> are placeholders that will be replaced with the values passed from the Node.js application. HTML //index.ejs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><%= title %></title> </head> <body> <h1><%= title %></h1> <p><%= message %></p> </body> </html> Node //server.js const express = require('express'); const app = express(); // Set EJS as the view engine app.set('view engine', 'ejs'); // Set the directory for your views/templates app.set('views', __dirname + '/views'); console.log(__dirname + '/views'); // Define your routes app.get('/', (req, res) => { // Render the index.ejs file in the views directory res.render('index', { title: 'Hello World', message: 'Welcome to my website!!' }); }); // Start the server const port = 3000; app.listen(port, () => { console.log(`Server is running on http://localhost:${port}`); }); Output: Comment More infoAdvertise with us Next Article How to Use Embedded JavaScript (EJS) as a Template Engine in Express JS ? B bishalpaul34 Follow Improve Article Tags : Web Technologies Node.js Express.js EJS-Templating Language View Engine +1 More Similar Reads How to use Template Engines in Express JS ? Express.js is a popular web framework for Node.js that simplifies the process of building web applications. One of the key features of Express is its ability to integrate with template engines, allowing developers to dynamically generate HTML pages with data from their server. In this article, we'll 3 min read How to use array of objects in EJS Template Engine ? Arrays of objects are collections of JavaScript objects stored within an array. Each object within the array can contain multiple key-value pairs, making them versatile for organizing various types of data. For example, you might have an array of objects representing users, products, or posts in a s 3 min read How to pass Variable to inline JavaScript using EJS Template Engine? In the EJS templating engine, we can pass variables to inline JS within our HTML templates. We can use the '<%= variable %>' syntax, where we can embed server-side variables directly into the client-side scripts. In this article, we will explore the detailed process to pass a variable to inlin 2 min read How to Install & Use EJS Template Engine ? EJS (Embedded JavaScript) is mainly a templating language for JS which allows dynamic content generation in web-based applications. This EJS Template allows us to embed the JS code directly in the HTML markup, which enables the integration of data and logic into the presentation layer. We can use EJ 3 min read Server Side Rendering using Express.js And EJS Template Engine Server-side rendering involves generating HTML on the server and sending it to the client, as opposed to generating it on the client side using JavaScript. This improves initial load time, and SEO, and enables dynamic content generation. Express is a popular web application framework for NodeJS, and 3 min read Like