How to Render HTML File in Node JS Express?

In this article we will cover on how to implement how to render html file in node js express. i explained simply step by step node js route to html page. you can understand a concept of node js redirect to html page. you will learn node js express render html.

In this example, i will give you very simple example of how to render html file in node js express project. we will use sendFile() to render html file, let’s see bellow example.

Create Node Project:

you can run bellow command to create node app.

mkdir my-request-app

cd my-request-app

npm init

Install Express:

npm install express

Create Server.js File

let’s create server.js file with get and post route.

server.js

var express = require('express');

var app = express();

app.get('/',function(req,res) {

res.sendFile(__dirname + '/index.html');

});

app.listen(3000, () => console.log(`App listening on port 3000`))

Create index.html File

index.html

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<p>This is simple html file call by ItSolutionStuff.com!</p>

</body>

</html>

Output:

localhost:3000/

This is simple html file call by ItSolutionStuff.com!

i hope it can help you…

Leave a Comment