I'm using gulp to build the final output files. These templates are very basic, like replacing h1 and p strings or image paths. I want to write templates in pug, that are populated with data from an external json file.

The compiled function can be re-used, and called with different sets of data. using external json data in jade/pug templates I don't understand how to use json as a simple database for my templates. Call that resultant function with your data, and voil, it will return a string of HTML rendered with your data.

pug.compile () will compile the Pug source code into a JavaScript function that takes a data object (called locals ) as an argument. In my case, the scenario is when i click a button the value of sort, cost range and the type of Cuisine is got through the JS code then i send a post axios request from that and then passing the data from client side to server side ,where i use a controller to get the values of those data, then i send an axios GET request to the Route which is defined in my code to get the information from the database ,the problem which i face is HOW TO SEND the data from my server to frontend pug template because when i use res.render() it shows internal server error in my browser but when i use res.json(), i can see the output in my console ,so the problem is with my controller function i guess ? so can anyone look into my problem and provide a solution exports. The general rendering process of Pug is simple.

Pug template output json